Add missing input config variables for Dropdown and Autocomplete

react-toolbox · Jul 13, 2016 · 159da10 · 159da10
1 parent 090b098
commit 159da10
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 2 deletions.
diff --git a/components/autocomplete/theme.scss b/components/autocomplete/theme.scss
@@ -2,7 +2,20 @@
 @import "../globals";
 @import "../mixins";
 @import "./config";
-@import "../input/config";
+
+$input-padding: 2 * $unit;
+$input-field-font-size: 1.6 * $unit;
+$input-field-padding: .8 * $unit;
+$input-field-height: $input-field-padding * 2 + $input-field-font-size * 1.4;
+$input-chevron-offset: 0.8 * $unit;
+$input-text-bottom-border-color: rgba($color-black, 0.12);
+$input-text-error-color: rgb(222, 50, 38);
+$input-text-background-color: transparent;
+$input-focus-label-top: 0.6 * $unit;
+$input-label-font-size: 1.2 * $unit;
+$input-focus-label-top: 0.6 * $unit;
+$input-text-label-color: rgba($color-black, 0.26);
+$input-underline-height: 2 * $unit;
 
 .autocomplete {
   position: relative;

diff --git a/components/dropdown/theme.scss b/components/dropdown/theme.scss
@@ -1,9 +1,22 @@
 @import "../colors";
 @import "../globals";
 @import "../mixins";
-@import "../input/config";
 @import "./config";
 
+$input-padding: 2 * $unit;
+$input-field-font-size: 1.6 * $unit;
+$input-field-padding: .8 * $unit;
+$input-field-height: $input-field-padding * 2 + $input-field-font-size * 1.4;
+$input-chevron-offset: 0.8 * $unit;
+$input-text-bottom-border-color: rgba($color-black, 0.12);
+$input-text-error-color: rgb(222, 50, 38);
+$input-text-background-color: transparent;
+$input-focus-label-top: 0.6 * $unit;
+$input-label-font-size: 1.2 * $unit;
+$input-focus-label-top: 0.6 * $unit;
+$input-text-label-color: rgba($color-black, 0.26);
+$input-underline-height: 2 * $unit;
+
 .dropdown {
   position: relative;
   &:not(.active) {