diff options
| author | Mark Otto <[email protected]> | 2012-01-27 18:33:25 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-01-27 18:33:25 -0800 |
| commit | 7e72eb5063470a3728d612acd2cc0368aabc8664 (patch) | |
| tree | f35f14b46c7a7f11432081179c24cad5b2c78280 /docs | |
| parent | 997fc33af9a4cbdc078e85ee491f777d0dd2d51a (diff) | |
| download | bootstrap-7e72eb5063470a3728d612acd2cc0368aabc8664.tar.xz bootstrap-7e72eb5063470a3728d612acd2cc0368aabc8664.zip | |
new tab focus style and mixin
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/css/bootstrap.css | 24 | ||||
| -rw-r--r-- | docs/less.html | 5 | ||||
| -rw-r--r-- | docs/templates/pages/less.mustache | 5 |
3 files changed, 29 insertions, 5 deletions
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index de895021a..a6dd95e84 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -6,7 +6,7 @@ * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. - * Date: Fri Jan 27 16:39:57 PST 2012 + * Date: Fri Jan 27 18:33:07 PST 2012 */ article, aside, @@ -35,6 +35,11 @@ html { } 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; @@ -611,8 +616,7 @@ input:focus, textarea:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - outline: 0; - outline: 1px dotted #666 \9; + outline: thin dotted \9; /* IE6-8 */ } @@ -620,7 +624,12 @@ input[type=file]:focus, input[type=checkbox]:focus, select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; - outline: 1px dotted #666; + 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; @@ -2612,7 +2621,12 @@ table .span12 { transition: background-position 0.1s linear; } .btn:focus { - outline: 1px dotted #666; + 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; diff --git a/docs/less.html b/docs/less.html index 8e3e8e655..72ce452ba 100644 --- a/docs/less.html +++ b/docs/less.html @@ -456,6 +456,11 @@ <td>Add to any parent to clear floats within</td> </tr> <tr> + <td><code>.tab-focus()</code></td> + <td><em class="muted">none</em></td> + <td>Apply the Webkit focus style and round Firefox outline</td> + </tr> + <tr> <td><code>.center-block()</code></td> <td><em class="muted">none</em></td> <td>Auto center a block-level element using <code>margin: auto</code></td> diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache index 649f8f456..ad6688e1e 100644 --- a/docs/templates/pages/less.mustache +++ b/docs/templates/pages/less.mustache @@ -391,6 +391,11 @@ <td>{{_i}}Add to any parent to clear floats within{{/i}}</td> </tr> <tr> + <td><code>.tab-focus()</code></td> + <td><em class="muted">none</em></td> + <td>{{_i}}Apply the Webkit focus style and round Firefox outline{{/i}}</td> + </tr> + <tr> <td><code>.center-block()</code></td> <td><em class="muted">none</em></td> <td>{{_i}}Auto center a block-level element using <code>margin: auto</code>{{/i}}</td> |