Update justified nav CSS for proper selectors

diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html
index a87b3b9d194211dd22220ec506286fd6fa1c9213..fdd706a8f32d35712361165c759e9b76287d7649 100644 (file)
--- a/docs/examples/justified-nav.html
+++ b/docs/examples/justified-nav.html
@@ -42,7 +42,7 @@ title: Justified nav template
     border-radius: 5px;
     border: 1px solid #ccc;
   }
-  .nav-justified li a {
+  .nav-justified > li > a {
     padding-top: 15px;
     padding-bottom: 15px;
     color: #777;
@@ -60,17 +60,17 @@ title: Justified nav template
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
     background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
   }
-  .nav-justified .active a {
+  .nav-justified > .active > a {
     background-color: #ddd;
     background-image: none;
     box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
   }
-  .nav-justified li:first-child a {
+  .nav-justified > li:first-child > a {
     border-left: 0;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
   }
-  .nav-justified li:last-child a {
+  .nav-justified > li:last-child > a {
     border-right: 0;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
@@ -86,7 +86,6 @@ title: Justified nav template
       padding-left: 0;
       padding-right: 0;
     }
-    /* Make the nav on the same line */
   }
 
 </style>

diff --git a/less/navs.less b/less/navs.less
index 775f722e52c87d2da29cd99f030c54baf247f963..8daeb6fd990325c75926609bb24815aa9800ef3e 100644 (file)
--- a/less/navs.less
+++ b/less/navs.less
@@ -156,7 +156,9 @@
     float: none;
     display: table-cell;
     width: 1%;
-    text-align: center;
+    > a {
+      text-align: center;
+    }
   }
 }