indented navigation instead of justfied which does not work

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