From 3b16385db8037630296947828f47b2c6b8a68cab Mon Sep 17 00:00:00 2001 From: MaZderMind Date: Mon, 2 Mar 2015 14:55:37 +0100 Subject: Multitude of Smartphone-Fixes --- assets/css/_structure.less | 26 +++++++++++++++++++++----- 1 file changed, 21 insertions(+), 5 deletions(-) (limited to 'assets/css/_structure.less') diff --git a/assets/css/_structure.less b/assets/css/_structure.less index 3f7c10e..cd6d746 100644 --- a/assets/css/_structure.less +++ b/assets/css/_structure.less @@ -5,13 +5,15 @@ @img: '../img/'; -@grid-float-breakpoint: 0; +@grid-float-breakpoint: @screen-xs-min; -@jumbo-font-size: 52px; -@jumbo-line-height: 45px; +@jumbo-font-size: 52px; +@jumbo-font-size-xs: 2.5em; +@jumbo-line-height: 45px; @program-now: @brand-danger; @program-now-bg: fade(lighten(@brand-danger, 5%), 60%); +@program-border: lighten(@brand-primary, 50%); @program-room: darken(@brand-primary, 15%); @program-author: #444; @@ -30,7 +32,7 @@ // website configuration styles -.navbar { +nav { .navbar-brand > img { float: left; margin-right: @navbar-padding-horizontal; @@ -42,10 +44,24 @@ } body { - padding: 50px 0; + padding: 50px 0 30px 0; + + @media (max-width: @grid-float-breakpoint) { + padding: 120px 0 30px 0; + } } +@media (max-width: @screen-sm-min) { + nav { + position: absolute !important; + } + + footer { + display: none; + } +} + body.overview { @import "_overview.less"; } -- cgit v1.2.3