hexo-theme-keep/source/css/layout/common/nav.styl

59 lines
955 B
Stylus
Raw Normal View History

@require '../variables.styl'
$nav-font-size = 12px;
.nav {
position: relative
width: 100%
height: 100%
box-sizing: border-box
background: $background-color
border-bottom: 1px solid $border-color
padding: 20px;
font-size: $nav-font-size;
.menu-list {
position: absolute;
top: 50%;
transform: translateY(-50%);
2020-03-22 20:31:13 +08:00
margin-left: 30px;
.menu-item {
float: left;
2020-03-22 20:31:13 +08:00
margin-right: 20px;
.current {
padding-bottom: 20px;
border-bottom: 1px solid $nav-selected-color;
}
}
}
2020-03-22 20:31:13 +08:00
.fold-left-side-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size 20px
color: $a-color
}
.search-btn {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
2020-03-22 20:31:13 +08:00
@media screen and (max-width: $media-max-width) {
.fold-left-side-btn {
display: none
}
.menu-list {
margin-left: 0;
}
}
}