diff options
| -rw-r--r-- | source/stylesheets/base.css.scss | 37 |
1 files changed, 27 insertions, 10 deletions
diff --git a/source/stylesheets/base.css.scss b/source/stylesheets/base.css.scss index fbcae5f..e8b6773 100644 --- a/source/stylesheets/base.css.scss +++ b/source/stylesheets/base.css.scss @@ -1,26 +1,26 @@ @import "variables"; @import "bootstrap"; +body { + @extend .container-fluid; +} + header { @extend .row; } -div#logo { - @extend .col-sm-4; +#main { + @extend .col-sm-8; @extend .col-sm-offset-2; } -body { - @extend .container-fluid; -} -#main { - @extend .col-sm-8; +div#logo { + @extend .col-sm-4; @extend .col-sm-offset-2; } nav { - @extend .row; @extend .navbar; @extend .navbar-static-top; @extend .navbar-inverse; @@ -29,8 +29,26 @@ nav { nav ul { @extend .nav; @extend .navbar-nav; + //@extend .nav-justified; +} + + +// navbar justified is umpossible; this is the best we can do now.... +.navbar-collapse { + @extend .col-sm-offset-2; +} + + +// NAV JUSTIFIED CRUFT STARTS HERE + + +/* +.navbar-nav.nav-justified > li{ + float:none; } +*/ +/* // center the main nav items on big screens @media (min-width: $screen-sm-min) { div#nav-big { @@ -38,8 +56,7 @@ nav ul { margin: 0 auto; } } - - +*/ /* // open navigation dropdown on hover on non-mobile devices |