input border-width should be overridable

buildo · Apr 3, 2018 · ec9dabd · ec9dabd
1 parent f2528c0
commit ec9dabd
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/Input/input.scss b/src/Input/input.scss
@@ -4,8 +4,10 @@ $padding-h: 12px !default;
 $font-size: 14px !default;
 $font-weight: $brc-regular !default;
 $placeholder-color: $brc-coolGrey !default;
+$placeholder-font-weight: $font-weight !default;
 $color: $brc-darkGrey !default;
 $border-color: $brc-silver !default;
+$border-width: 1px !default;
 $color-focus: $brc-darkGrey !default;
 $border-color-focus: $brc-waterBlue !default;
 $opacity-disabled: .6 !default;
@@ -16,7 +18,7 @@ $border-color-failure: $brc-alizarinCrimson !default;
 
 .input {
   input {
-    border: 1px solid $border-color;
+    border: $border-width solid $border-color;
     border-radius: 4px;
     height: $height;
     padding: 0 $padding-h;
@@ -31,6 +33,7 @@ $border-color-failure: $brc-alizarinCrimson !default;
     &:-ms-input-placeholder,
     &:-moz-placeholder {
       color: $placeholder-color;
+      font-weight: $placeholder-font-weight;
     }
 
     &:disabled {
@@ -39,7 +42,7 @@ $border-color-failure: $brc-alizarinCrimson !default;
     }
 
     &:focus {
-      border: 1px solid $border-color-focus;
+      border: $border-width solid $border-color-focus;
       outline: none;
       box-shadow: 0;
       color: $color-focus;
@@ -49,6 +52,7 @@ $border-color-failure: $brc-alizarinCrimson !default;
   &:not(.has-value) {
     input {
       color: $placeholder-color;
+      font-weight: $placeholder-font-weight;
     }
   }
 
@@ -63,7 +67,7 @@ $border-color-failure: $brc-alizarinCrimson !default;
 
   &.is-success {
     input {
-      border: 1px solid $border-color-success;
+      border: $border-width solid $border-color-success;
       color: $color-success;
     }
 
@@ -74,7 +78,7 @@ $border-color-failure: $brc-alizarinCrimson !default;
 
   &.is-failure {
     input {
-      border: 1px solid $border-color-failure;
+      border: $border-width solid $border-color-failure;
       color: $color-failure;
     }