From f110ceee8d34fe49229a1301995232471c18aa62 Mon Sep 17 00:00:00 2001
From: Federico Zivolo <zivolof@p2000.it>
Date: Fri, 5 Sep 2014 10:18:32 +0200
Subject: [PATCH] added fallback style when JS is not available for inputs.

---
 css-compiled/material.css | 15 +++++++++------
 less/inputs.less          | 10 +++++++---
 less/navbar.less          |  8 ++++----
 3 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/css-compiled/material.css b/css-compiled/material.css
index d0adc8e7..5fff91cb 100644
--- a/css-compiled/material.css
+++ b/css-compiled/material.css
@@ -838,12 +838,10 @@ h6,
 .radio input[type=radio][disabled] ~ .check {
   background-color: rgba(0, 0, 0, 0.84);
 }
-.form-control-wrapper {
-  position: relative;
-  /* active state */
-}
 .form-control-wrapper .form-control,
-.form-control-wrapper .form-control:focus {
+.form-control,
+.form-control-wrapper .form-control:focus,
+.form-control:focus {
   float: none;
   border: 0;
   box-shadow: none;
@@ -851,6 +849,10 @@ h6,
   background: transparent;
   border-bottom: 1px solid #757575;
 }
+.form-control-wrapper {
+  position: relative;
+  /* active state */
+}
 .form-control-wrapper .form-control:focus {
   outline: none;
 }
@@ -1707,7 +1709,8 @@ fieldset[disabled] .navbar .btn-link:hover,
 fieldset[disabled] .navbar .btn-link:focus {
   color: #e5e5e5;
 }
-.navbar .navbar-form .form-control-wrapper .form-control {
+.navbar .navbar-form .form-control-wrapper .form-control,
+.navbar .navbar-form .form-control {
   border-color: rgba(255, 255, 255, 0.84);
   color: rgba(255, 255, 255, 0.84);
 }
diff --git a/less/inputs.less b/less/inputs.less
index 2bd96421..5248e103 100644
--- a/less/inputs.less
+++ b/less/inputs.less
@@ -1,8 +1,7 @@
 // main: material.less
 
-.form-control-wrapper {
-    position: relative;
-    .form-control, .form-control:focus {
+.form-control-wrapper .form-control, .form-control {
+    &, &:focus {
         float: none;
         border: 0;
         box-shadow: none;
@@ -10,6 +9,11 @@
         background: transparent;
         border-bottom: 1px solid #757575;
     }
+}
+
+.form-control-wrapper {
+    position: relative;
+
     .form-control:focus {
         outline: none;
     }
diff --git a/less/navbar.less b/less/navbar.less
index 5ba81191..57b0f6c4 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -140,11 +140,11 @@
     }
 
     .navbar-form {
+        .form-control-wrapper .form-control, .form-control {
+            border-color: @navbar-border;
+            color: @navbar-border;
+        }
         .form-control-wrapper {
-            .form-control {
-                border-color: @navbar-border;
-                color: @navbar-border;
-            }
             .material-input:before, input:focus ~ .material-input:after {
                 background-color: @navbar-border;
             }