From 0b269fb063fa2c9d4f3b7cff98fd1da87cfb7cdb Mon Sep 17 00:00:00 2001 From: Lars Henrik Mai Date: Sat, 3 May 2014 15:48:44 +0200 Subject: much designs. --- source/stylesheets/base.css.scss | 44 ++++++++++++++++++++++++++-------------- 1 file changed, 29 insertions(+), 15 deletions(-) (limited to 'source/stylesheets/base.css.scss') diff --git a/source/stylesheets/base.css.scss b/source/stylesheets/base.css.scss index 99db24d..fbcae5f 100644 --- a/source/stylesheets/base.css.scss +++ b/source/stylesheets/base.css.scss @@ -1,41 +1,55 @@ +@import "variables"; @import "bootstrap"; header { @extend .row; } +div#logo { + @extend .col-sm-4; + @extend .col-sm-offset-2; +} + body { - @extend .container; + @extend .container-fluid; +} + +#main { + @extend .col-sm-8; + @extend .col-sm-offset-2; } nav { @extend .row; @extend .navbar; - @extend .navbar-static; + @extend .navbar-static-top; @extend .navbar-inverse; } nav ul { @extend .nav; @extend .navbar-nav; - @extend .navbar-justified; - - //@extend .collapse; - //@extend .navbar-collapse; } -@media (min-width: 768px){ - .navbar-nav{ +// center the main nav items on big screens +@media (min-width: $screen-sm-min) { + div#nav-big { + width: 40%; margin: 0 auto; - display: table; - table-layout: fixed; - float:none; } } + + /* -ul.nav li.dropdown:hover ul.dropdown-menu{ - display: block; - margin-top:0px +// open navigation dropdown on hover on non-mobile devices +// FIXME dropdown stays open on click.. + +@media (min-width: $screen-sm-min) { +nav ul li.dropdown:hover ul.dropdown-menu { +display: block; +margin-top:0px } -*/ +} + + */ -- cgit v1.2.1