From 7728f7b8241dc43292c3f897fdfe08a13f58e40b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 7 Jan 2012 04:28:30 -0800 Subject: add html5 invalid state for super fancy errors via browser --- lib/forms.less | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'lib/forms.less') diff --git a/lib/forms.less b/lib/forms.less index f0b7c2ea6..19e2aa8bc 100644 --- a/lib/forms.less +++ b/lib/forms.less @@ -299,6 +299,19 @@ textarea[readonly] { .formFieldState(#468847, #57a957, lighten(#57a957, 30%)); } +// HTML5 invalid states +// Shares styles with the .control-group.error above +input:invalid, +textarea:invalid, +select:invalid { + color: #b94a48; + border-color: #ee5f5b; + &:focus { + border-color: darken(#ee5f5b, 10%); + .box-shadow(0 0 6px lighten(#ee5f5b, 20%)); + } +} + // FORM ACTIONS -- cgit v1.2.3