1
0
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:
Dan Barber 2014-03-21 17:31:53 +00:00
parent f8276cf0e2
commit aaa5b20086
6 changed files with 10 additions and 23 deletions

View File

@ -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%

View File

@ -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

View File

@ -1 +1 @@
$interface-width: 20em
$interface-width: 100%

View File

@ -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

View File

@ -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

View File

@ -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)