mirror of
https://github.com/danbee/mpd-client
synced 2025-03-04 08:39:09 +00:00
Fix up CSS.
This commit is contained in:
parent
f8276cf0e2
commit
aaa5b20086
@ -1,22 +1,9 @@
|
||||
*
|
||||
@include box-sizing(border-box)
|
||||
|
||||
html
|
||||
height: 100%
|
||||
|
||||
body
|
||||
font: 1em "Helvetica Neue", sans-serif
|
||||
margin: 0
|
||||
height: 100%
|
||||
max-width: 320px
|
||||
margin: 0 auto
|
||||
|
||||
#app
|
||||
position: relative
|
||||
height: 100%
|
||||
max-width: 320px
|
||||
main
|
||||
font: 1em "Helvetica Neue", sans-serif
|
||||
margin: 0 auto
|
||||
overflow: hidden
|
||||
|
||||
#content
|
||||
height: 100%
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
position: fixed
|
||||
top: 0
|
||||
width: $interface-width
|
||||
height: 2.5rem
|
||||
background: rgba(248, 248, 248, 0.95)
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1)
|
||||
h1
|
||||
|
||||
@ -1 +1 @@
|
||||
$interface-width: 20em
|
||||
$interface-width: 100%
|
||||
|
||||
@ -2,8 +2,9 @@
|
||||
background: white
|
||||
position: absolute
|
||||
top: 100%
|
||||
height: 100%
|
||||
width: 100%
|
||||
bottom: 0
|
||||
left: 0
|
||||
right: 0
|
||||
z-index: 2
|
||||
@include transition(top 0.35s ease-in-out)
|
||||
header
|
||||
|
||||
@ -1,7 +1,5 @@
|
||||
#queue
|
||||
height: 100%
|
||||
overflow: auto
|
||||
padding: 2.5em 0 5.625em
|
||||
padding: 2.5rem 0 5.625em
|
||||
header
|
||||
z-index: 1
|
||||
@extend .header
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
#transport
|
||||
position: fixed
|
||||
bottom: 0
|
||||
width: 20em
|
||||
width: $interface-width
|
||||
background: rgba(248, 248, 248, 0.95)
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.1)
|
||||
text-align: center
|
||||
@ -29,7 +29,7 @@
|
||||
|
||||
.track
|
||||
position: relative
|
||||
width: 70%
|
||||
width: calc(100% - 4.5rem)
|
||||
margin: 0.25em auto
|
||||
height: 7px
|
||||
background: rgba(127, 127, 127, 0.2)
|
||||
|
||||
Loading…
Reference in New Issue
Block a user