/**
|
* nav-bar
|
* @author Tevin
|
*/
|
|
@import "../../common/sassMixin";
|
|
.c-nav-bar {
|
position: relative;
|
.at-nav-bar {
|
background-color: #2093df;
|
}
|
.at-nav-bar__left-view,
|
.at-nav-bar__right-view,
|
.at-nav-bar__title {
|
color: #fff;
|
}
|
.at-nav-bar__left-view {
|
&:active {
|
background-color: rgba(#F0F0F0, 0.5);
|
transition: background-color 0s;
|
}
|
}
|
.at-nav-bar__container {
|
width: 100%;
|
text-align: right;
|
&:active {
|
background-color: rgba(#F0F0F0, 0.5);
|
transition: background-color 0s;
|
}
|
.at-icon-bullet-list {
|
margin-right: 6PX;
|
}
|
}
|
.at-nav-bar__container--hide {
|
display: none;
|
}
|
.c-nav-bar-drop {
|
@include position(absolute, n n 0 0, 10);
|
.inner {
|
@include position(absolute, 0 n n 0);
|
padding: 0.3rem;
|
.arrow {
|
@include position(absolute, 0.15rem n n 0.65rem);
|
width: 0;
|
height: 0;
|
border-top: 0.6rem solid #f2f4f7;
|
border-right: 0.6rem solid transparent;
|
transform: rotate(45deg);
|
}
|
.box {
|
position: relative;
|
z-index: 2;
|
width: 4rem;
|
padding: 0.2rem 0;
|
background-color: #f7f8fa;
|
border-radius: 0.1rem;
|
box-shadow: rgba(#000, 0.1) 0 1PX 1PX 1PX;
|
.item {
|
padding: 0 0.4rem;
|
text-align: center;
|
line-height: 1.45rem;
|
font-size: 0.65rem;
|
@include ellipsis(100%);
|
box-sizing: border-box;
|
border-bottom: #edf0f8 1PX solid;
|
transition: background-color 0.3s;
|
&:active {
|
background-color: #fff;
|
transition: background-color 0s;
|
}
|
&:last-child {
|
border: none;
|
}
|
}
|
}
|
}
|
}
|
}
|
