Commit 6289e24f authored by m.seegmüller's avatar m.seegmüller
Browse files

Fixed ugly outline in select fields

Removes .tab-focus() on select-fields
parent 7780133c
8 merge requests!8635ignore Gruntfile.js in jekyll,!8339Fix broken links to navbar component in docs examples,!8157Close Me: Docs "Customize and Download" button fix,!7964commit fixes #7792,!8656Added rel="stylesheet" to CDN-Examples,!8527Inner properties move 1,!8245Interactive color picker - Closed: request against wrong branch,!7897#7896: Outline fix
Showing with 6 additions and 28 deletions
+6 -28
......@@ -64,9 +64,14 @@ input[type="color"] {
background-color: @input-bg;
border: 1px solid @input-border;
border-radius: @input-border-radius;
outline: 0;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
.transition(~"border-color linear .2s, box-shadow linear .2s");
&:focus {
border-color: rgba(82,168,236,.8);
outline: 0;
.box-shadow(0 0 8px rgba(82,168,236,.6));
}
}
// Reset appearance properties for textual inputs and textarea
......@@ -98,32 +103,6 @@ textarea {
height: auto;
}
// Everything else
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
// Focus state
&:focus {
border-color: rgba(82,168,236,.8);
outline: 0;
outline: thin dotted \9; /* IE6-9 */
//.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)");
.box-shadow(0 0 8px rgba(82,168,236,.6));
}
}
// Position radios and checkboxes better
input[type="radio"],
input[type="checkbox"] {
......@@ -146,7 +125,6 @@ select[size] {
}
// Focus for select, file, radio, and checkbox
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment