@ohu-mobile/core
Version:
81 lines • 1.73 kB
CSS
.ohu-nav-bar.is-primary {
background: #2d7eff;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__left > .ohu-btn {
padding: 0 0.26667rem;
color: #fff;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__left > .ohu-btn:active {
background: #3c87ff;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__left > .is-icon-only {
font-size: 0.48rem;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__right > .ohu-btn {
padding: 0 0.26667rem;
color: #fff;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__right > .ohu-btn:active {
background: #3c87ff;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__right > .is-icon-only {
font-size: 0.48rem;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__center {
color: #fff;
}
.ohu-nav-bar-inner {
display: flex;
height: 1.30667rem;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
.ohu-nav-bar__left {
height: 100%;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.ohu-nav-bar__left > .ohu-btn {
padding: 0 0.26667rem;
color: #333;
}
.ohu-nav-bar__left > .ohu-btn:active {
color: #333;
}
.ohu-nav-bar__left > .is-icon-only {
font-size: 0.48rem;
}
.ohu-nav-bar__center {
height: 100%;
color: #333;
}
.ohu-nav-bar__title {
box-sizing: border-box;
padding: 0.33333rem 0;
text-align: center;
font-size: 0.48rem;
font-weight: normal;
line-height: 1.3888888889em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ohu-nav-bar__right {
height: 100%;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-end;
}
.ohu-nav-bar__right > .ohu-btn {
padding: 0 0.26667rem;
color: #333;
}
.ohu-nav-bar__right > .ohu-btn:active {
color: #333;
}
.ohu-nav-bar__right > .is-icon-only {
font-size: 0.48rem;
}