Merge pull request #1360 from interactivellama/disabled-checkbox-radi…

…o-label-opacity Gray out disabled checkbox/radio while maintaining accessibility
ExactTarget · Jun 30, 2015 · 728d7e9 · 728d7e9
2 parents 69e5d33 + 9a343b1
commit 728d7e9
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/less/checkbox.less b/less/checkbox.less
@@ -90,11 +90,12 @@
 
 		&.disabled {
 			cursor: not-allowed;
+			opacity: .65;
 
 			&:before
 			{
 				cursor: not-allowed;
-				opacity: .5;
+				opacity: .65;
 			}
 		}
 

diff --git a/less/forms.less b/less/forms.less
@@ -124,7 +124,7 @@
 			&[disabled="disabled"], &[disabled], &:disabled {
 				& ~ label, & ~ label:before {
 					color: @text-color;
-					opacity: 0.5 !important;
+					opacity: .65;
 					cursor: not-allowed !important;
 					outline: none;
 					box-shadow: none;

diff --git a/less/radio.less b/less/radio.less
@@ -100,13 +100,14 @@
 		}
 		&.disabled {
 			cursor: not-allowed;
+			opacity: .65;
 
 			&:after {
 				cursor: not-allowed;
 			}
 			&:before {
 				cursor: not-allowed;
-				opacity: .5;
+				opacity: .65;
 			}
 		}
 		&.radio-inline {