From 53ed6913968425418a7647855115669748543007 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Sun, 1 Dec 2013 15:06:06 +0100 Subject: [PATCH] logo refinements --- _src/assets/less/mixins.less | 24 ------------------------ _src/assets/less/navigation.less | 1 + _src/assets/less/scaffolding.less | 28 ++++++++++++++++++++++++++++ 3 files changed, 29 insertions(+), 24 deletions(-) diff --git a/_src/assets/less/mixins.less b/_src/assets/less/mixins.less index 5ea1b7df..de857e68 100644 --- a/_src/assets/less/mixins.less +++ b/_src/assets/less/mixins.less @@ -2,30 +2,6 @@ // MIXINS ///////////////////////////////////// -// Logo -///////////////////////////////////// -.logo { - display: block; - background-image: data-uri('../img/logo.png'); - background-repeat: no-repeat; - background-position: left top; - width: 47px; - height: 31px; - - @media @breakpoint2 { - width: 183px; - } - - @media @highDPI { - background-image: url('../img/logo@2x.png'); - background-size: 183px 31px; - } - @media print, (-webkit-min-device-pixel-ratio: 3), (min-resolution: 300dpi) { - background-image: url('../img/logo@3x.png'); - background-size: 183px 31px; - } -} - // Dimmed Text ///////////////////////////////////// diff --git a/_src/assets/less/navigation.less b/_src/assets/less/navigation.less index 748ee0e8..b220dcd3 100644 --- a/_src/assets/less/navigation.less +++ b/_src/assets/less/navigation.less @@ -32,6 +32,7 @@ // .nav-main { + li { display: inline-block; } .nav-popover { diff --git a/_src/assets/less/scaffolding.less b/_src/assets/less/scaffolding.less index 31ad1d50..8968d106 100644 --- a/_src/assets/less/scaffolding.less +++ b/_src/assets/less/scaffolding.less @@ -28,6 +28,10 @@ body { .banner { float: left; + @media @breakpoint2 { + margin-left: -55px + } + .banner-title { margin-top: .1em; margin-bottom: 0; @@ -52,6 +56,30 @@ body { } } +// Logo +///////////////////////////////////// +.logo { + display: block; + background-image: data-uri('../img/logo.png'); + background-repeat: no-repeat; + background-position: left top; + width: 47px; + height: 31px; + + @media @breakpoint2 { + width: 183px; + } + + @media @highDPI { + background-image: url('../img/logo@2x.png'); + background-size: 183px 31px; + } + @media print, (-webkit-min-device-pixel-ratio: 3), (min-resolution: 300dpi) { + background-image: url('../img/logo@3x.png'); + background-size: 183px 31px; + } +} + // // close button //