simplify invalid input css

This commit is contained in:
Mark Otto 2012-11-04 19:43:09 -08:00
parent ebed09ec01
commit 91bcccd9a8
2 changed files with 10 additions and 11 deletions

View File

@ -1588,16 +1588,16 @@ input[type="checkbox"][readonly] {
border-color: #3a87ad;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
input:invalid,
select:invalid,
textarea:invalid {
color: #b94a48;
border-color: #ee5f5b;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
input:invalid:focus,
select:invalid:focus,
textarea:invalid:focus {
border-color: #e9322d;
-webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-box-shadow: 0 0 6px #f8b9b7;

View File

@ -366,15 +366,14 @@ input[type="checkbox"][readonly] {
// HTML5 invalid states
// Shares styles with the .control-group.error above
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
input:invalid,
select:invalid,
textarea:invalid {
color: #b94a48;
border-color: #ee5f5b;
&:focus {
border-color: darken(#ee5f5b, 10%);
@shadow: 0 0 6px lighten(#ee5f5b, 20%);
.box-shadow(@shadow);
.box-shadow(0 0 6px lighten(#ee5f5b, 20%));
}
}