kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

updated forms to rearrange focus state, reinstate uneditable-input, and a few other cleanup tidbits

This commit is contained in:
Mark Otto 2012-05-15 09:04:44 -07:00
parent ecf84bdac5
commit 532569fe59
1 changed files with 18 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
less/forms.less
View File

@ -77,7 +77,8 @@ input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
input[type="color"],
.uneditable-input {
display: inline-block;
height: @baseLineHeight;
padding: 4px;
@ -115,6 +116,14 @@ input[type="color"] {
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
@transition: border linear .2s, box-shadow linear .2s;
.transition(@transition);
// 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)");
}
}
// Position radios and checkboxes better
@ -161,7 +170,13 @@ select[size] {
height: auto;
}
// Focus for select, file, radio, and checkbox
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
.tab-focus();
}
@ -202,26 +217,6 @@ select[size] {
// FOCUS STATE
// -----------
input:focus,
textarea: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)");
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
.tab-focus();
.box-shadow(none); // override for file inputs
}
// INPUT SIZES
// -----------
@ -252,8 +247,7 @@ textarea[class*="span"],
// GRID SIZING FOR INPUTS
// ----------------------
#grid > .input (@gridColumnWidth, @gridGutterWidth);
#grid > .input(@gridColumnWidth, @gridGutterWidth);