allow customizations to the focus border

alxlit · Oct 15, 2014 · 20405fa · 20405fa
1 parent 85234cf
commit 20405fa
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/bootstrap-chosen-variables.less b/bootstrap-chosen-variables.less
@@ -15,7 +15,7 @@
 @chosen-drop-border: @input-border;
 @chosen-drop-box-shadow: ~"0 8px 8px rgba(0, 0, 0, .25)";
 @chosen-drop-zindex: 1060;
-@chosen-focus-border: @input-border-focus;
+@chosen-focus-border: 1px solid @input-border-focus;
 @chosen-focus-box-shadow: ~"0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6)";
 @chosen-focus-transition: ~"border linear .2s, box-shadow linear .2s";
 @chosen-height: @input-height-base;

diff --git a/bootstrap-chosen-variables.scss b/bootstrap-chosen-variables.scss
@@ -7,7 +7,7 @@ $chosen-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !default;
 $chosen-drop-border: $input-border !default;
 $chosen-drop-box-shadow: 0 8px 8px rgba(0, 0, 0, .25) !default;
 $chosen-drop-zindex: 1060 !default;
-$chosen-focus-border: $input-border-focus !default;
+$chosen-focus-border: 1px solid $input-border-focus !default;
 $chosen-focus-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px $chosen-border-color !default;
 $chosen-focus-transition: border linear .2s, box-shadow linear .2s !default;
 $chosen-height: $input-height-base !default;

diff --git a/bootstrap-chosen.less b/bootstrap-chosen.less
@@ -327,14 +327,14 @@
 
 .chosen-container-active {
   .chosen-single {
-    border: 1px solid @chosen-focus-border;
+    border: @chosen-focus-border;
     .box-shadow(@chosen-focus-box-shadow);
     .transition(@chosen-focus-transition);
   }
 
   &.chosen-with-drop .chosen-single {
     background-color: @input-bg;
-    border: 1px solid @chosen-focus-border;
+    border: @chosen-focus-border;
     .border-bottom-radius(0);
     .box-shadow(@chosen-focus-box-shadow);
     .transition(@chosen-focus-transition);
@@ -350,7 +350,7 @@
   }
 
   .chosen-choices {
-    border: 1px solid @chosen-focus-border;
+    border: @chosen-focus-border;
     .border-bottom-radius(0);
     .box-shadow(@chosen-focus-box-shadow);
     .transition(@chosen-focus-transition);

diff --git a/bootstrap-chosen.scss b/bootstrap-chosen.scss
@@ -327,14 +327,14 @@
 
 .chosen-container-active {
   .chosen-single {
-    border: 1px solid $chosen-focus-border;
+    border: $chosen-focus-border;
     @include box-shadow($chosen-focus-box-shadow);
     @include transition($chosen-focus-transition);
   }
 
   &.chosen-with-drop .chosen-single {
     background-color: $input-bg;
-    border: 1px solid $chosen-focus-border;
+    border: $chosen-focus-border;
     @include border-bottom-radius(0);
     @include box-shadow($chosen-focus-box-shadow);
     @include transition($chosen-focus-transition);
@@ -350,7 +350,7 @@
   }
 
   .chosen-choices {
-    border: 1px solid $chosen-focus-border;
+    border: $chosen-focus-border;
     @include border-bottom-radius(0);
     @include box-shadow($chosen-focus-box-shadow);
     @include transition($chosen-focus-transition);