From bf8daf7602432b265988c58df15d36844e7e3587 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Sat, 4 Mar 2017 17:52:31 +0800 Subject: Fix wrong shadow colors with form-select --- src/forms.less | 28 ++++++++++------------------ 1 file changed, 10 insertions(+), 18 deletions(-) (limited to 'src/forms.less') diff --git a/src/forms.less b/src/forms.less index 0f33fb5..f9dc328 100644 --- a/src/forms.less +++ b/src/forms.less @@ -53,23 +53,6 @@ line-height: 2rem; } - // Form status - .has-success &, - &.is-success { - border-color: @control-color-success; - &:focus { - .control-shadow(@control-color-success); - } - } - - .has-danger &, - &.is-danger { - border-color: @control-color-danger; - &:focus { - .control-shadow(@control-color-danger); - } - } - // Input types &[type=file] { height: auto; @@ -139,16 +122,25 @@ height: 4rem; padding: .9rem 2.4rem .9rem .8rem; } +} - // Select status +// Form validation states +.form-input, +.form-select { .has-success &, &.is-success { border-color: @control-color-success; + &:focus { + .control-shadow(@control-color-success); + } } .has-danger &, &.is-danger { border-color: @control-color-danger; + &:focus { + .control-shadow(@control-color-danger); + } } } -- cgit v1.3.1-23-gd82d