mirror of
https://github.com/danbee/mpd-client
synced 2025-03-04 08:39:09 +00:00
49 lines
1006 B
Sass
49 lines
1006 B
Sass
mpd-library
|
|
position: absolute
|
|
background: white
|
|
top: 100%
|
|
height: 100%
|
|
width: 100%
|
|
z-index: 2
|
|
@include transition(top 0.35s ease-in-out)
|
|
.panels
|
|
position: absolute
|
|
height: 100%
|
|
@include transition(left 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
|
|
a.back
|
|
position: absolute
|
|
left: 10px
|
|
top: 8px
|
|
&:before
|
|
margin-right: 0.25em
|
|
@extend .icon
|
|
@extend .icon-chevron-left
|
|
@include button
|
|
&.show
|
|
top: 0
|
|
header
|
|
top: 0
|
|
ul, ol
|
|
width: 100%
|
|
ul.root, ol.artists, ol.albums
|
|
@extend .list
|
|
ol.songs
|
|
@extend .song-list
|
|
mpd-panel-root, mpd-panel-artists, mpd-panel-albums, mpd-panel-songs
|
|
position: absolute
|
|
width: $interface-width
|
|
height: 100%
|
|
padding: 2.5em 0 0
|
|
overflow: auto
|
|
left: calc(attr(depth) * 20em)
|