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; border-color: #3a87ad;
} }
input:focus:invalid, input:invalid,
textarea:focus:invalid, select:invalid,
select:focus:invalid { textarea:invalid {
color: #b94a48; color: #b94a48;
border-color: #ee5f5b; border-color: #ee5f5b;
} }
input:focus:invalid:focus, input:invalid:focus,
textarea:focus:invalid:focus, select:invalid:focus,
select:focus:invalid:focus { textarea:invalid:focus {
border-color: #e9322d; border-color: #e9322d;
-webkit-box-shadow: 0 0 6px #f8b9b7; -webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-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 // HTML5 invalid states
// Shares styles with the .control-group.error above // Shares styles with the .control-group.error above
input:focus:invalid, input:invalid,
textarea:focus:invalid, select:invalid,
select:focus:invalid { textarea:invalid {
color: #b94a48; color: #b94a48;
border-color: #ee5f5b; border-color: #ee5f5b;
&:focus { &:focus {
border-color: darken(#ee5f5b, 10%); border-color: darken(#ee5f5b, 10%);
@shadow: 0 0 6px lighten(#ee5f5b, 20%); .box-shadow(0 0 6px lighten(#ee5f5b, 20%));
.box-shadow(@shadow);
} }
} }