removing any :focus and/or outline definition so :focus falls back on the browser

This commit is contained in:
Kris Aubuchon 2014-02-13 20:56:03 -05:00
parent a8b3269fdb
commit cdb888aec3
6 changed files with 1 additions and 31 deletions

View file

@ -8,13 +8,8 @@
// Base
// --------------------------------------------------
button {
outline: 0;
}
.btn {
display: inline-block;
outline: 0;
margin: 0;
padding: 6px 12px;
font-weight: 500;

View file

@ -26,9 +26,6 @@ a {
&:hover {
color: $link-color-hover;
}
&:focus {
outline: 0;
}
&:active {
color: $link-color-active;
}

View file

@ -423,18 +423,9 @@ body {
height: auto;
}
&:focus {
outline: thin dotted $primary;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
}
input {
&[type="file"]:focus, &[type="radio"]:focus, &[type="checkbox"]:focus {
outline: thin dotted $primary;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
}
.radio, .checkbox {
min-height: 18px;
padding-left: 18px;

View file

@ -256,7 +256,6 @@ button {
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: $z-index-base + 6;
-webkit-box-shadow: none;

View file

@ -147,7 +147,6 @@ nav.post-controls {
border: none;
margin-left: 3px;
transition: all linear 0.15s;
outline: none;
&:hover {
background: lighten($primary_light, 20%);
color: $primary_medium;
@ -803,7 +802,6 @@ button.show-replies {
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.dropdown {
@ -814,7 +812,6 @@ button.show-replies {
}
.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0;
}
.caret {
display: inline-block;

View file

@ -78,15 +78,6 @@ body {
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/