feat(input): Remove the border from disabled style

telus · Sep 21, 2017 · fe11fae · fe11fae
1 parent 505bf56
commit fe11fae
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/config/.stylelintrc.json b/config/.stylelintrc.json
@@ -16,6 +16,7 @@
           "each"
         ]
       }
-    ]
+    ],
+    "declaration-empty-line-before": null
   }
 }
diff --git a/src/components/Input/Input.modules.scss b/src/components/Input/Input.modules.scss
@@ -14,6 +14,7 @@
 .inputWrapper {
   composes: thin rounded from '../Borders.modules.scss';
   composes: row from '../Flexbox.modules.scss';
+
   align-items: center;
   padding: $spacing-base;
 }
@@ -28,28 +29,33 @@
 
 .default {
   composes: inputWrapper defaultBgColor defaultBoxShadow;
+
   border-color: $color-shuttle-grey;
 }
 
 .disabled {
-  composes: inputWrapper defaultBoxShadow;
+  composes: inputWrapper;
+
   background-color: $color-athens-grey;
-  border-color: $color-shuttle-grey;
+  border-color: transparent;
 }
 
 .focused {
   composes: inputWrapper defaultBgColor;
+
   border-color: transparent;
   box-shadow: 0 0 4px 1px $color-shuttle-grey;
 }
 
 .success {
   composes: inputWrapper defaultBgColor defaultBoxShadow;
+
   border-color: $color-primary;
 }
 
 .error {
   composes: inputWrapper defaultBgColor defaultBoxShadow;
+
   border-color: $color-cardinal;
 }