From befbe55a14a7a3dc3ef65c6196fd7a9096eeb27f Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Sat, 4 Mar 2017 17:14:46 +0800 Subject: Fix form input focus colors --- src/forms.less | 6 ++++++ src/mixins.less | 4 ++-- 2 files changed, 8 insertions(+), 2 deletions(-) (limited to 'src') diff --git a/src/forms.less b/src/forms.less index 8214be1..0f33fb5 100644 --- a/src/forms.less +++ b/src/forms.less @@ -57,11 +57,17 @@ .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 diff --git a/src/mixins.less b/src/mixins.less index 283df97..d2c5c7a 100644 --- a/src/mixins.less +++ b/src/mixins.less @@ -6,8 +6,8 @@ display: table; } } -.control-shadow() { - box-shadow: 0 0 0 .2rem fade(@primary-color, 15%); +.control-shadow(@color: @primary-color) { + box-shadow: 0 0 0 .2rem fade(@color, 15%); } .control-transition() { transition: all .2s ease; -- cgit v1.3.1-23-gd82d