mirror of
https://github.com/danbee/mpd-client
synced 2025-03-04 08:39:09 +00:00
49 lines
1009 B
Sass
49 lines
1009 B
Sass
#library
|
|
background: white
|
|
position: absolute
|
|
top: 100%
|
|
height: 100%
|
|
width: 100%
|
|
z-index: 2
|
|
@include transition(top 0.35s ease-in-out)
|
|
header
|
|
top: 100%
|
|
z-index: 1
|
|
@extend .header
|
|
@include transition(top 0.35s ease-in-out)
|
|
a.close
|
|
position: absolute
|
|
right: 10px
|
|
top: 8px
|
|
@include button
|
|
&.show
|
|
top: 0
|
|
header
|
|
top: 0
|
|
.browser
|
|
position: absolute
|
|
height: 100%
|
|
@include transition(left 0.25s ease-in-out)
|
|
&[data-pane="2"]
|
|
left: -$interface-width
|
|
&[data-pane="3"]
|
|
left: -$interface-width * 2
|
|
&[data-pane="4"]
|
|
left: -$interface-width * 3
|
|
ol, ul
|
|
@extend .list
|
|
div
|
|
position: absolute
|
|
width: $interface-width
|
|
height: 100%
|
|
padding: 2.5em 0 0
|
|
overflow: auto
|
|
&:first-child
|
|
left: 0
|
|
&:nth-child(2)
|
|
left: $interface-width
|
|
&:nth-child(3)
|
|
left: $interface-width * 2
|
|
&:nth-child(4)
|
|
left: $interface-width * 3
|