fix(md-colors): add error text to html5 validated fields, close #247

aurelia-ui-toolkits · Sep 18, 2016 · 0f8c8e9 · 0f8c8e9
1 parent 8731d8c
commit 0f8c8e9
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/src/colors/md-colors.html b/src/colors/md-colors.html
@@ -196,6 +196,36 @@
     color: ${mdAccentColor}
   }
 
+  md-input input:not([type]).invalid + label:after,
+  md-input input:not([type]):focus.invalid + label:after,
+  md-input input[type=text].invalid + label:after,
+  md-input input[type=text]:focus.invalid + label:after,
+  md-input input[type=password].invalid + label:after,
+  md-input input[type=password]:focus.invalid + label:after,
+  md-input input[type=email].invalid + label:after,
+  md-input input[type=email]:focus.invalid + label:after,
+  md-input input[type=url].invalid + label:after,
+  md-input input[type=url]:focus.invalid + label:after,
+  md-input input[type=time].invalid + label:after,
+  md-input input[type=time]:focus.invalid + label:after,
+  md-input input[type=date].invalid + label:after,
+  md-input input[type=date]:focus.invalid + label:after,
+  md-input input[type=datetime].invalid + label:after,
+  md-input input[type=datetime]:focus.invalid + label:after,
+  md-input input[type=datetime-local].invalid + label:after,
+  md-input input[type=datetime-local]:focus.invalid + label:after,
+  md-input input[type=tel].invalid + label:after,
+  md-input input[type=tel]:focus.invalid + label:after,
+  md-input input[type=number].invalid + label:after,
+  md-input input[type=number]:focus.invalid + label:after,
+  md-input input[type=search].invalid + label:after,
+  md-input input[type=search]:focus.invalid + label:after,
+  md-input textarea.materialize-textarea.invalid + label:after,
+  md-input textarea.materialize-textarea:focus.invalid + label:after
+  {
+    color: ${mdErrorColor}
+  }
+
   /* text input aurelia-validation messages */
   .md-input-validation {
     left: 0;