nav, buttons, and docs updates to account for outline: 0; on :active

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 7a556804174017497d76de4610210bbd601dab4e..bc4961b0545b9b46394e0edb01efcd8c6b4a7de6 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -36,9 +36,6 @@ a:focus {
   outline: thin dotted;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
-  -moz-outline: 5px auto -moz-mac-focusring;
-  -moz-outline-radius: 6px;
-  -moz-outline-offset: 0;
 }
 a:hover, a:active {
   outline: 0;
@@ -627,9 +624,6 @@ input[type="file"]:focus, input[type="checkbox"]:focus, select:focus {
   outline: thin dotted;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
-  -moz-outline: 5px auto -moz-mac-focusring;
-  -moz-outline-radius: 6px;
-  -moz-outline-offset: 0;
 }
 .input-mini {
   width: 60px;
@@ -1490,9 +1484,12 @@ table .span12 {
 .dropdown {
   position: relative;
 }
-.dropdown .dropdown-toggle {
+.dropdown-toggle {
   *margin-bottom: -3px;
 }
+.dropdown-toggle:active, .open .dropdown-toggle {
+  outline: 0;
+}
 .caret {
   display: inline-block;
   width: 0;
@@ -2641,9 +2638,6 @@ table .span12 {
   outline: thin dotted;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
-  -moz-outline: 5px auto -moz-mac-focusring;
-  -moz-outline-radius: 6px;
-  -moz-outline-offset: 0;
 }
 .btn.active, .btn:active {
   background-image: none;
@@ -2653,6 +2647,7 @@ table .span12 {
   background-color: #e6e6e6;
   background-color: #d9d9d9 \9;
   color: rgba(0, 0, 0, 0.5);
+  outline: 0;
 }
 .btn.disabled, .btn[disabled] {
   cursor: default;
@@ -2776,6 +2771,9 @@ button.btn.small, input[type="submit"].btn.small {
 .btn-group .btn.active {
   z-index: 2;
 }
+.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
+  outline: 0;
+}
 .btn-group .dropdown-toggle {
   padding-left: 8px;
   padding-right: 8px;

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 0b221e3b267e41bf7e48194e9a422ef8700f500a..8c92f087f126ffebfb94ca84e00b68a5bdfd3a6c 100644 (file)
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -173,10 +173,9 @@ hr.soften {
 }
 .subnav .nav > li > a {
   margin: 0;
-  padding-top: 11px;
+  padding-top:    11px;
   padding-bottom: 11px;
   font-size: 13px;
-  text-shadow: 0 1px 0 rgba(255,255,255,.5);
   border-left: 1px solid #f5f5f5;
   border-right: 1px solid #e5e5e5;
   -webkit-border-radius: 0;
@@ -202,10 +201,18 @@ hr.soften {
 .subnav .nav > li:first-child > a:hover {
   border-left: 0;
   padding-left: 12px;
+  -webkit-border-radius: 4px 0 0 4px;
+     -moz-border-radius: 4px 0 0 4px;
+          border-radius: 4px 0 0 4px;
 }
 .subnav .nav > li:last-child > a {
   border-right: 0;
 }
+.subnav .dropdown-menu {
+  -webkit-border-radius: 0 0 4px 4px;
+     -moz-border-radius: 0 0 4px 4px;
+          border-radius: 0 0 4px 4px;
+}
 
 /* Fixed subnav on scroll, but only for 940px and up (sorry IE!) */
 @media (min-width: 940px) {
@@ -229,6 +236,12 @@ hr.soften {
     margin: 0 auto;
     padding: 0 1px;
   }
+  .subnav .nav > li:first-child > a,
+  .subnav .nav > li:first-child > a:hover {
+    -webkit-border-radius: 0;
+       -moz-border-radius: 0;
+            border-radius: 0;
+  }
 }
 
 

diff --git a/less/button-groups.less b/less/button-groups.less
index 3e08e6b0922093e53fddfb00d123a223bbe38c19..7367103caa00c7fda497b74e114b91cce3f2eefb 100644 (file)
--- a/less/button-groups.less
+++ b/less/button-groups.less
@@ -78,6 +78,13 @@
   z-index: 2;
 }
 
+// On active and open, don't show outline
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+  outline: 0;
+}
+
+
 
 // Split button dropdowns
 // ----------------------

diff --git a/less/buttons.less b/less/buttons.less
index f1060dc6bbd13885f38cc24ef46604646d850053..54d00a13ac5ca9deb04eb9f6ff01fcb670be6edc 100644 (file)
--- a/less/buttons.less
+++ b/less/buttons.less
@@ -88,6 +88,7 @@
     background-color: darken(@white, 10%);
     background-color: darken(@white, 15%) e("\9");
     color: rgba(0,0,0,.5);
+    outline: 0;
   }
   &.disabled,
   &[disabled] {

diff --git a/less/dropdowns.less b/less/dropdowns.less
index e73b056e96b888885d617b38b882dabfd373489c..83f535ae861b4030986dddc0e31aacd5654bdaf8 100644 (file)
--- a/less/dropdowns.less
+++ b/less/dropdowns.less
@@ -5,10 +5,14 @@
 .dropdown {
   position: relative;
 }
-.dropdown .dropdown-toggle {
+.dropdown-toggle {
   // The caret makes the toggle a bit too tall in IE7
   *margin-bottom: -3px;
 }
+.dropdown-toggle:active,
+.open .dropdown-toggle {
+  outline: 0;
+}
 // Dropdown arrow/caret
 .caret {
   display: inline-block;

diff --git a/less/mixins.less b/less/mixins.less
index 2ed28ac3f393dbce166bb3c3a0f8b08dee8318e0..ddf1003599ccdc9badc18f4527e4cf1e87351c82 100644 (file)
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -29,10 +29,6 @@
   // Webkit
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
-  // Firefox
-  -moz-outline: 5px auto -moz-mac-focusring;
-  -moz-outline-radius: 6px;
-  -moz-outline-offset: 0;
 }
 
 // Center-align a block level element