fix(mdInput): css cascades from disabled fieldset

Closes #895
angular · Feb 10, 2015 · 66fa1e3 · 66fa1e3
1 parent f331cfa
commit 66fa1e3
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 12 deletions.
diff --git a/src/components/input/input-theme.scss b/src/components/input/input-theme.scss
@@ -57,11 +57,13 @@ md-input-container.md-THEME_NAME-theme {
       color: '{{warn-500}}';
     }
   }
-
-  .md-input[disabled] {
-    border-bottom-color: transparent;
-    color: '{{foreground-3}}';
-    background-image: linear-gradient(to right, '{{foreground-4}}' 0%, '{{foreground-4}}' 33%, transparent 0%);
-    background-image: -ms-linear-gradient(left, transparent 0%, '{{foreground-4}}' 100%);
+  .md-input {
+    &[disabled],
+    [disabled] & {
+      border-bottom-color: transparent;
+      color: '{{foreground-3}}';
+      background-image: linear-gradient(to right, '{{foreground-4}}' 0%, '{{foreground-4}}' 33%, transparent 0%);
+      background-image: -ms-linear-gradient(left, transparent 0%, '{{foreground-4}}' 100%);
+    }
   }
 }
diff --git a/src/components/input/input.scss b/src/components/input/input.scss
@@ -151,11 +151,14 @@ md-input-container {
     border-width: 0 0 $input-border-width-focused 0;
   }
 
-  .md-input[disabled] {
-    background-position: 0 bottom;
-    // This background-size is coordinated with a linear-gradient set in input-theme.scss 
-    // to create a dotted line under the input. 
-    background-size: 3px 1px;
-    background-repeat: repeat-x;
+  .md-input {
+    &[disabled],
+    [disabled] & {
+      background-position: 0 bottom;
+      // This background-size is coordinated with a linear-gradient set in input-theme.scss
+      // to create a dotted line under the input.
+      background-size: 3px 1px;
+      background-repeat: repeat-x;
+    }
   }
 }