You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
1.4 KiB
71 lines
1.4 KiB
#sidebar |
|
#menu-mask |
|
position: fixed |
|
z-index: 102 |
|
display: none |
|
width: 100% |
|
height: 100% |
|
background: alpha($dark-black, .8) |
|
|
|
#sidebar-menus |
|
position: fixed |
|
top: 0 |
|
right: -($sidebar-width) |
|
z-index: 103 |
|
overflow-x: hidden |
|
overflow-y: scroll |
|
padding-left: 5px |
|
width: $sidebar-width |
|
height: 100% |
|
background: var(--sidebar-bg) |
|
transition: all .5s |
|
|
|
&.open |
|
transform: translate3d(-100%, 0, 0) |
|
|
|
& > .avatar-img |
|
margin: 20px auto |
|
|
|
.sidebar-site-data |
|
padding: 0 10px |
|
|
|
hr |
|
margin: 20px auto |
|
|
|
.menus_items |
|
padding: 0 10px |
|
|
|
.site-page |
|
@extend .limit-one-line |
|
position: relative |
|
display: block |
|
padding: 3px 28px 3px 20px |
|
color: var(--font-color) |
|
font-size: 1.15em |
|
border-radius: 6px |
|
|
|
&:hover |
|
background: var(--text-bg-hover) |
|
|
|
i:first-child |
|
width: 15% |
|
text-align: left |
|
|
|
&.group |
|
& > i:last-child |
|
position: absolute |
|
top: .78em |
|
right: 13px |
|
transition: transform .3s |
|
|
|
&.hide |
|
& > i:last-child |
|
transform: rotate(90deg) |
|
|
|
& + .menus_item_child |
|
display: none |
|
|
|
.menus_item_child |
|
margin: 0 |
|
padding-left: 25px |
|
list-style: none |