diff --git a/assets/css/common.css.sass b/assets/css/common.css.sass index 163c33b..8fcc64e 100644 --- a/assets/css/common.css.sass +++ b/assets/css/common.css.sass @@ -21,7 +21,7 @@ body .header position: fixed top: 0 - width: 100% + width: $interface-width background: rgba(248, 248, 248, 0.95) border-bottom: 1px solid rgba(0, 0, 0, 0.1) h1 diff --git a/assets/css/includes/metrics.css.sass b/assets/css/includes/metrics.css.sass new file mode 100644 index 0000000..de7a22e --- /dev/null +++ b/assets/css/includes/metrics.css.sass @@ -0,0 +1 @@ +$interface-width: 20em diff --git a/assets/css/library.css.sass b/assets/css/library.css.sass index 7e111ab..3951fe5 100644 --- a/assets/css/library.css.sass +++ b/assets/css/library.css.sass @@ -3,6 +3,7 @@ display: none position: absolute top: 0 + padding: 2.5em 0 0 height: 100% width: 100% z-index: 2 diff --git a/assets/css/mpd-client.css.sass b/assets/css/mpd-client.css.sass index b71486d..c1412ac 100644 --- a/assets/css/mpd-client.css.sass +++ b/assets/css/mpd-client.css.sass @@ -1,5 +1,6 @@ @import 'bourbon/bourbon' +@import 'includes/metrics' @import 'includes/fonts' @import 'includes/colours' @import 'includes/button'