Merge pull request #61 from legalthings/material-label-over-input-addons

Do some background on the lables addons
legalthings · May 15, 2017 · 634800a · 634800a
2 parents 0b1732f + a30f94b
commit 634800a
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/css/material.css b/css/material.css
@@ -45,6 +45,17 @@
     border: none;
 }
 
+.material .form-group .input-group-addon:last-child ,
+.material .form-group .input-group-btn {
+    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%);
+    transition: background .3s ease; 
+}
+
+.material .form-group.is-empty:not(.is-focused) .input-group-addon:last-child ,
+.material .form-group.is-empty:not(.is-focused) .input-group-btn {
+    background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 1) 30%); 
+}
+
 .material .form-group.is-empty:not(.is-focused) .input-group .input-group-addon:first-child {
     visibility: hidden;
 }