fix mdbootstrap#67

Author: FezVrasta

css-compiled/material-wfont.css

@@ -1975,13 +1975,8 @@ legend {
   color: #e5e5e5;
   background-color: transparent;
 }
-.navbar-toggle {
+.navbar .navbar-toggle {
   margin-top: 13px;
-}
-.navbar-default .navbar-toggle {
-  border-color: transparent;
-}
-.navbar-inverse .navbar-toggle {
   border-color: transparent;
 }
 .navbar .navbar-toggle:hover,
@@ -1991,6 +1986,10 @@ legend {
 .navbar .navbar-toggle .icon-bar {
   background-color: rgba(255, 255, 255, 0.84);
 }
+.navbar .navbar-default .navbar-toggle,
+.navbar .navbar-inverse .navbar-toggle {
+  border-color: transparent;
+}
 .navbar .navbar-collapse,
 .navbar .navbar-form {
   border-color: rgba(0, 0, 0, 0.1);
@@ -2180,6 +2179,19 @@ fieldset[disabled] .navbar .btn-link:focus {
   background-color: rgba(0, 0, 0, 0.05);
   color: rgba(0, 0, 0, 0.84);
 }
+@media (max-width: 1199px) {
+  .navbar .navbar-brand {
+    height: 50px;
+    padding: 10px 15px;
+  }
+  .navbar .navbar-form {
+    margin-top: 10px;
+  }
+  .navbar .navbar-nav > li > a {
+    padding-top: 15px;
+    padding-bottom: 15px;
+  }
+}
 .dropdown-menu {
   border: 0;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

css-compiled/material-wfont.min.css

@@ -19,16 +19,22 @@
   margin-top: -10px;
   border-radius: 100%;
   background-color: rgba(0, 0, 0, 0.05);
-  transform: scale(1);
-  transform-origin: 50%;
+  -webkit-transform: scale(1);
+      -ms-transform: scale(1);
+          transform: scale(1);
+  -webkit-transform-origin: 50%;
+      -ms-transform-origin: 50%;
+          transform-origin: 50%;
   opacity: 0;
   pointer-events: none;
 }
 .ripple.ripple-on {
-  transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
+  -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
+          transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
   opacity: 1;
 }
 .ripple.ripple-out {
-  transition: opacity 0.1s linear 0s !important;
+  -webkit-transition: opacity 0.1s linear 0s !important;
+          transition: opacity 0.1s linear 0s !important;
   opacity: 0;
 }

css-compiled/material.css

@@ -180,7 +180,7 @@ select.form-control {
 }
 
 
-.keyframe-input-highlight() {
+@keyframes input-highlight {
     0% {
         left: 20%;
         transform: scaleX(20%);
@@ -195,9 +195,6 @@ select.form-control {
     }
 }
 
-@keyframes input-highlight {.keyframe-input-highlight()}
-
-
 // Input files (kinda hack)
 .form-control-wrapper input[type=file] {
     opacity: 0;

css-compiled/material.min.css

@@ -19,8 +19,8 @@
 
     .navbar-text {
         color: @navbar-color;
-		margin-top: 20px;
-		margin-bottom: 20px;
+        margin-top: 20px;
+        margin-bottom: 20px;
     }
 
     .navbar-nav {
@@ -211,4 +211,20 @@
 
         }
     }
+
+    @media (max-width: 1199px) {
+
+        .navbar-brand {
+            height: 50px;
+            padding: 10px 15px;
+        }
+        .navbar-form {
+            margin-top: 10px;
+        }
+
+        .navbar-nav > li > a {
+            padding-top: 15px;
+            padding-bottom: 15px;
+        }
+    }
 }