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.
52 lines
817 B
52 lines
817 B
.sidebar
|
|
position: fixed
|
|
width: 4.5ch
|
|
height: 100%
|
|
background-color: black
|
|
display: flex
|
|
flex-direction: column
|
|
|
|
transition: 250ms
|
|
|
|
&:hover
|
|
width: 20ch;
|
|
|
|
.sidebarItem
|
|
color: #777
|
|
|
|
.sidebarItemText
|
|
opacity: 1
|
|
width: 16ch
|
|
|
|
div.sidebarItem
|
|
color: white
|
|
padding-top: 0.333em
|
|
transition: 75ms
|
|
color: #333
|
|
white-space: nowrap
|
|
|
|
svg
|
|
margin-left: 0.5ch
|
|
height: 1.5em
|
|
|
|
&:hover
|
|
background-color: #222
|
|
color: #fc1 !important
|
|
|
|
.sidebarItemIcon
|
|
display: inline-block
|
|
height: 2em
|
|
width: 3.5ch
|
|
text-align: center
|
|
transition: 75ms
|
|
.sidebarItemText
|
|
display: inline-block
|
|
vertical-align: top
|
|
opacity: 0
|
|
height: 2em
|
|
margin-left: 1ch
|
|
width: 0px
|
|
transition: 75ms
|
|
|
|
div.sidebarItemSkip
|
|
margin: auto 0 0 0
|