✨ feat(button.scss): Add btn--disabled class since disabled attribute…

… does not exist in divs and anchor tags for div and anchor tag based buttons #117
Spiderpig86 · Jun 6, 2022 · 8565138 · 8565138
1 parent 368a6db
commit 8565138
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 10 deletions.
diff --git a/dist/cirrus-all.css b/dist/cirrus-all.css
@@ -11346,12 +11346,12 @@ video.video-fullscreen {
   outline: none;
 }
 
-.btn:disabled, button:disabled, [type=submit]:disabled, [type=reset]:disabled, [type=button]:disabled {
+.btn:disabled, .btn.btn--disabled, button:disabled, button.btn--disabled, [type=submit]:disabled, [type=submit].btn--disabled, [type=reset]:disabled, [type=reset].btn--disabled, [type=button]:disabled, [type=button].btn--disabled {
   cursor: not-allowed;
   opacity: 0.5;
 }
 
-.btn:disabled:active, button:disabled:active, [type=submit]:disabled:active, [type=reset]:disabled:active, [type=button]:disabled:active {
+.btn:disabled:active, .btn.btn--disabled:active, button:disabled:active, button.btn--disabled:active, [type=submit]:disabled:active, [type=submit].btn--disabled:active, [type=reset]:disabled:active, [type=reset].btn--disabled:active, [type=button]:disabled:active, [type=button].btn--disabled:active {
   pointer-events: none;
 }
 

diff --git a/dist/cirrus-all.min.css b/dist/cirrus-all.min.css
diff --git a/dist/cirrus-core.css b/dist/cirrus-core.css
@@ -10245,12 +10245,12 @@ video.video-fullscreen {
   outline: none;
 }
 
-.btn:disabled, button:disabled, [type=submit]:disabled, [type=reset]:disabled, [type=button]:disabled {
+.btn:disabled, .btn.btn--disabled, button:disabled, button.btn--disabled, [type=submit]:disabled, [type=submit].btn--disabled, [type=reset]:disabled, [type=reset].btn--disabled, [type=button]:disabled, [type=button].btn--disabled {
   cursor: not-allowed;
   opacity: 0.5;
 }
 
-.btn:disabled:active, button:disabled:active, [type=submit]:disabled:active, [type=reset]:disabled:active, [type=button]:disabled:active {
+.btn:disabled:active, .btn.btn--disabled:active, button:disabled:active, button.btn--disabled:active, [type=submit]:disabled:active, [type=submit].btn--disabled:active, [type=reset]:disabled:active, [type=reset].btn--disabled:active, [type=button]:disabled:active, [type=button].btn--disabled:active {
   pointer-events: none;
 }
 

diff --git a/dist/cirrus-core.min.css b/dist/cirrus-core.min.css
diff --git a/dist/cirrus.css b/dist/cirrus.css
@@ -10246,12 +10246,12 @@ video.video-fullscreen {
   outline: none;
 }
 
-.btn:disabled, button:disabled, [type=submit]:disabled, [type=reset]:disabled, [type=button]:disabled {
+.btn:disabled, .btn.btn--disabled, button:disabled, button.btn--disabled, [type=submit]:disabled, [type=submit].btn--disabled, [type=reset]:disabled, [type=reset].btn--disabled, [type=button]:disabled, [type=button].btn--disabled {
   cursor: not-allowed;
   opacity: 0.5;
 }
 
-.btn:disabled:active, button:disabled:active, [type=submit]:disabled:active, [type=reset]:disabled:active, [type=button]:disabled:active {
+.btn:disabled:active, .btn.btn--disabled:active, button:disabled:active, button.btn--disabled:active, [type=submit]:disabled:active, [type=submit].btn--disabled:active, [type=reset]:disabled:active, [type=reset].btn--disabled:active, [type=button]:disabled:active, [type=button].btn--disabled:active {
   pointer-events: none;
 }
 

diff --git a/dist/cirrus.min.css b/dist/cirrus.min.css
diff --git a/src/components/button.scss b/src/components/button.scss
@@ -62,7 +62,7 @@ $generate-utility: should-generate-classes($BUTTON);
             outline: none;
         }
 
-        &:disabled {
+        &:disabled, &.btn--disabled {
             cursor: not-allowed;
             opacity: 0.5;