Restore aria-disabled styling

WordPress · Sep 26, 2018 · 4badd04 · 4badd04
1 parent bb37fff
commit 4badd04
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss
@@ -48,7 +48,8 @@
 			box-shadow: inset 0 1px 0 #999,;
 		}
 
-		&:disabled {
+		&:disabled,
+		&[aria-disabled="true"] {
 			color: #a0a5aa;
 			border-color: #ddd;
 			background: #f7f7f7;
@@ -95,7 +96,8 @@
 			vertical-align: top;
 		}
 
-		&:disabled {
+		&:disabled,
+		&[aria-disabled="true"] {
 			color: color(theme(button) tint(30%));
 			background: color(theme(button) shade(30%));
 			border-color: color(theme(button) shade(20%));
@@ -104,7 +106,8 @@
 		}
 
 		&.is-busy,
-		&.is-primary.is-busy:disabled {
+		&.is-busy:disabled,
+		&.is-busy[aria-disabled="true"] {
 			color: $white;
 			background-size: 100px 100%;
 			// Disable reason: This function call looks nicer when each argument is on its own line.
@@ -161,7 +164,7 @@
 	}
 
 	&:disabled,
-	&[disabled] {
+	&[aria-disabled="true"] {
 		cursor: default;
 		opacity: 0.3;
 	}