mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-15 10:05:40 +02:00
Code Issues Releases Wiki Activity

move formfieldstate mixin to mixins.less for #1785

Browse Source
This commit is contained in:
Mark Otto
2012-02-07 00:13:52 -08:00
parent 3b57fba754
commit 2d9b3c45d3
3 changed files with 33 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/assets/bootstrap.zip
View File

Binary file not shown.

27
less/forms.less
View File

@@ -259,33 +259,6 @@ textarea[readonly] {
// FORM FIELD FEEDBACK STATES // FORM FIELD FEEDBACK STATES
// -------------------------- // --------------------------
// Mixin for form field states
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
// Set the text color
> label,
.help-block,
.help-inline {
color: @textColor;
}
// Style inputs accordingly
input,
select,
textarea {
color: @textColor;
border-color: @borderColor;
&:focus {
border-color: darken(@borderColor, 10%);
.box-shadow(0 0 6px lighten(@borderColor, 20%));
}
}
// Give a small background color for input-prepend/-append
.input-prepend .add-on,
.input-append .add-on {
color: @textColor;
background-color: @backgroundColor;
border-color: @textColor;
}
}
// Warning // Warning
.control-group.warning { .control-group.warning {
.formFieldState(@warningText, @warningText, @warningBackground); .formFieldState(@warningText, @warningText, @warningBackground);

35
less/mixins.less
View File

@@ -244,8 +244,6 @@
} }
} }
// Input grid system // Input grid system
// ------------------------- // -------------------------
#inputGridSystem { #inputGridSystem {
@@ -274,6 +272,39 @@
// Form field states (used in forms.less)
// --------------------------------------------------
// Mixin for form field states
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
// Set the text color
> label,
.help-block,
.help-inline {
color: @textColor;
}
// Style inputs accordingly
input,
select,
textarea {
color: @textColor;
border-color: @borderColor;
&:focus {
border-color: darken(@borderColor, 10%);
.box-shadow(0 0 6px lighten(@borderColor, 20%));
}
}
// Give a small background color for input-prepend/-append
.input-prepend .add-on,
.input-append .add-on {
color: @textColor;
background-color: @backgroundColor;
border-color: @textColor;
}
}
// CSS3 PROPERTIES // CSS3 PROPERTIES
// -------------------------------------------------- // --------------------------------------------------