fixes #310 (#395)

argyleink · Aug 24, 2023 · 81abc47 · 81abc47
1 parent de9daf9
commit 81abc47
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 14 deletions.
diff --git a/src/extra/buttons.css b/src/extra/buttons.css
@@ -1,7 +1,7 @@
 @import "../props.media.css";
 @import "../props.gray-hsl.css";
 
-:where(button,input:is([type="button"],[type="submit"],[type="reset"])),
+:where(.btn,button,input:is([type="button"],[type="submit"],[type="reset"])),
 :where(input[type="file"])::-webkit-file-upload-button,
 :where(input[type="file"])::file-selector-button {
   --_accent: initial /* your color */;
@@ -68,7 +68,7 @@
   }
 }
 
-:where(button,input:is([type="button"],[type="submit"],[type="reset"])) {
+:where(.btn,button,input:is([type="button"],[type="submit"],[type="reset"])) {
   /* disabled */
   &[disabled] {
     --_bg: none;

diff --git a/src/extra/buttons.dark.css b/src/extra/buttons.dark.css
@@ -1,7 +1,7 @@
 @import "../props.media.css";
 @import "../props.gray-hsl.css";
 
-:where(button,input:is([type="button"],[type="submit"],[type="reset"])),
+:where(.btn,button,input:is([type="button"],[type="submit"],[type="reset"])),
 :where(input[type="file"])::-webkit-file-upload-button,
 :where(input[type="file"])::file-selector-button {
   --_accent: initial /* your color */;
@@ -53,7 +53,7 @@
   }
 }
 
-:where(button,input:is([type="button"],[type="submit"],[type="reset"])) {
+:where(.btn,button,input:is([type="button"],[type="submit"],[type="reset"])) {
   /* disabled */
   &[disabled] {
     --_bg: none;

diff --git a/src/extra/buttons.light.css b/src/extra/buttons.light.css
@@ -1,7 +1,7 @@
 @import "../props.media.css";
 @import "../props.gray-hsl.css";
 
-:where(button,input:is([type="button"],[type="submit"],[type="reset"])),
+:where(.btn,button,input:is([type="button"],[type="submit"],[type="reset"])),
 :where(input[type="file"])::-webkit-file-upload-button,
 :where(input[type="file"])::file-selector-button {
   --_accent: initial /* your color */;
@@ -55,7 +55,7 @@
   }
 }
 
-:where(button,input:is([type="button"],[type="submit"],[type="reset"])) {
+:where(.btn,button,input:is([type="button"],[type="submit"],[type="reset"])) {
   /* disabled */
   &[disabled] {
     --_bg: none;

diff --git a/src/extra/theme.dark.css b/src/extra/theme.dark.css
@@ -18,7 +18,7 @@
     background-color: var(--surface-2);
   }
 
-  & :where(button) {
+  & :where(button,.btn) {
     --_highlight: var(--_highlight-dark);
     --_bg: var(--_bg-dark);
     --_ink-shadow: var(--_ink-shadow-dark);
@@ -29,7 +29,7 @@
     }
   }
 
-  & :where(button,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
+  & :where(button,.btn,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
     --_text: var(--gray-5);
   }
 

diff --git a/src/extra/theme.dark.switch.css b/src/extra/theme.dark.switch.css
@@ -26,7 +26,7 @@
     background-color: var(--surface-2);
   }
 
-  & :where(button) {
+  & :where(button,.btn) {
     --_highlight: var(--_highlight-dark);
     --_bg: var(--_bg-dark);
     --_ink-shadow: var(--_ink-shadow-dark);
@@ -37,7 +37,7 @@
     }
   }
 
-  & :where(button,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
+  & :where(button,.btn,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
     --_text: var(--gray-5);
   }
 

diff --git a/src/extra/theme.light.css b/src/extra/theme.light.css
@@ -27,7 +27,7 @@
     background-color: var(--surface-1);
   }
 
-  & :where(button) {
+  & :where(button,.btn) {
     --_highlight: var(--_highlight-light);
     --_bg: var(--_bg-light);
     --_ink-shadow: var(--_ink-shadow-light);
@@ -38,7 +38,7 @@
     }
   }
 
-  & :where(button,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
+  & :where(button,.btn,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
     --_text: var(--gray-6);
   }
 

diff --git a/src/extra/theme.light.switch.css b/src/extra/theme.light.switch.css
@@ -33,7 +33,7 @@
     background-color: var(--surface-1);
   }
 
-  & :where(button) {
+  & :where(button,.btn) {
     --_highlight: var(--_highlight-light);
     --_bg: var(--_bg-light);
     --_ink-shadow: var(--_ink-shadow-light);
@@ -44,7 +44,7 @@
     }
   }
 
-  & :where(button,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
+  & :where(button,.btn,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
     --_text: var(--gray-6);
   }