mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-02 16:04:07 +03:00
Code Activity

improve text color and borders for legibility

Browse Source
This commit is contained in:
Mark Otto
2011-10-09 22:38:48 -07:00
parent b74776281d
commit 0c1c236414
3 changed files with 29 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/forms.less
+7 -7
View File
@@ -169,7 +169,7 @@ select:focus {
// --------------------------
// Mixin for form field states
.formFieldState(@textColor: #555, @backgroundColor: #f5f5f5) {
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
// Set the text color
> label,
.help-block,
@@ -180,10 +180,10 @@ select:focus {
input,
textarea {
color: @textColor;
border-color: @textColor;
border-color: @borderColor;
&:focus {
border-color: darken(@textColor, 10%);
.box-shadow(0 0 6px lighten(@textColor, 20%);
border-color: darken(@borderColor, 10%);
.box-shadow(0 0 6px lighten(@borderColor, 20%);
}
}
// Give a small background color for input-prepend/-append
@@ -196,15 +196,15 @@ select:focus {
}
// Error
form .clearfix.error {
.formFieldState(#ee5f5b, lighten(#ee5f5b, 30%));
.formFieldState(#b94a48, #ee5f5b, lighten(#ee5f5b, 30%));
}
// Warning
form .clearfix.warning {
.formFieldState(#CCAE64, lighten(#CCAE64, 5%));
.formFieldState(#c09853, #ccae64, lighten(#CCAE64, 5%));
}
// Success
form .clearfix.success {
.formFieldState(#57a957, lighten(#57a957, 30%));
.formFieldState(#468847, #57a957, lighten(#57a957, 30%));
}