fade out disabled buttons

texastribune · Aug 8, 2019 · 3ce73ee · 3ce73ee
1 parent 1ea192f
commit 3ce73ee
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/assets/scss/6-components/button/_button.scss b/assets/scss/6-components/button/_button.scss
@@ -24,6 +24,12 @@
   text-transform: uppercase;
   transition: opacity 0.3s;
 
+  &:disabled,
+  &[disabled="true"],
+  &[disabled="disabled"] {
+    opacity: .4;
+  }
+
   @media (hover: hover) {
     &:hover,
     &:active {