Commit
Author: Adam Argyle [argyle@google.com]
Committer: GitHub [noreply@github.com] Thu, 24 Aug 2023 21:17:43 +0000
Hash: 81abc4717bc75c50ecab31fcdde3f24d54dd8b6e
Timestamp: Thu, 24 Aug 2023 21:17:43 +0000 (1 year ago)

+14 -14 +/-7 browse
fixes #310 (#395) 
fixes #310 (#395)
1diff --git a/src/extra/buttons.css b/src/extra/buttons.css
2index 265b202..e58b803 100644
3--- a/src/extra/buttons.css
4+++ b/src/extra/buttons.css
5 @@ -1,7 +1,7 @@
6 @import "../props.media.css";
7 @import "../props.gray-hsl.css";
8
9- :where(button,input:is([type="button"],[type="submit"],[type="reset"])),
10+ :where(.btn,button,input:is([type="button"],[type="submit"],[type="reset"])),
11 :where(input[type="file"])::-webkit-file-upload-button,
12 :where(input[type="file"])::file-selector-button {
13 --_accent: initial /* your color */;
14 @@ -68,7 +68,7 @@
15 }
16 }
17
18- :where(button,input:is([type="button"],[type="submit"],[type="reset"])) {
19+ :where(.btn,button,input:is([type="button"],[type="submit"],[type="reset"])) {
20 /* disabled */
21 &[disabled] {
22 --_bg: none;
23 diff --git a/src/extra/buttons.dark.css b/src/extra/buttons.dark.css
24index bae77a3..a233ec5 100644
25--- a/src/extra/buttons.dark.css
26+++ b/src/extra/buttons.dark.css
27 @@ -1,7 +1,7 @@
28 @import "../props.media.css";
29 @import "../props.gray-hsl.css";
30
31- :where(button,input:is([type="button"],[type="submit"],[type="reset"])),
32+ :where(.btn,button,input:is([type="button"],[type="submit"],[type="reset"])),
33 :where(input[type="file"])::-webkit-file-upload-button,
34 :where(input[type="file"])::file-selector-button {
35 --_accent: initial /* your color */;
36 @@ -53,7 +53,7 @@
37 }
38 }
39
40- :where(button,input:is([type="button"],[type="submit"],[type="reset"])) {
41+ :where(.btn,button,input:is([type="button"],[type="submit"],[type="reset"])) {
42 /* disabled */
43 &[disabled] {
44 --_bg: none;
45 diff --git a/src/extra/buttons.light.css b/src/extra/buttons.light.css
46index 41a6cec..ef4da9d 100644
47--- a/src/extra/buttons.light.css
48+++ b/src/extra/buttons.light.css
49 @@ -1,7 +1,7 @@
50 @import "../props.media.css";
51 @import "../props.gray-hsl.css";
52
53- :where(button,input:is([type="button"],[type="submit"],[type="reset"])),
54+ :where(.btn,button,input:is([type="button"],[type="submit"],[type="reset"])),
55 :where(input[type="file"])::-webkit-file-upload-button,
56 :where(input[type="file"])::file-selector-button {
57 --_accent: initial /* your color */;
58 @@ -55,7 +55,7 @@
59 }
60 }
61
62- :where(button,input:is([type="button"],[type="submit"],[type="reset"])) {
63+ :where(.btn,button,input:is([type="button"],[type="submit"],[type="reset"])) {
64 /* disabled */
65 &[disabled] {
66 --_bg: none;
67 diff --git a/src/extra/theme.dark.css b/src/extra/theme.dark.css
68index 2de55fb..99f7bef 100644
69--- a/src/extra/theme.dark.css
70+++ b/src/extra/theme.dark.css
71 @@ -18,7 +18,7 @@
72 background-color: var(--surface-2);
73 }
74
75- & :where(button) {
76+ & :where(button,.btn) {
77 --_highlight: var(--_highlight-dark);
78 --_bg: var(--_bg-dark);
79 --_ink-shadow: var(--_ink-shadow-dark);
80 @@ -29,7 +29,7 @@
81 }
82 }
83
84- & :where(button,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
85+ & :where(button,.btn,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
86 --_text: var(--gray-5);
87 }
88
89 diff --git a/src/extra/theme.dark.switch.css b/src/extra/theme.dark.switch.css
90index 6532425..69726ec 100644
91--- a/src/extra/theme.dark.switch.css
92+++ b/src/extra/theme.dark.switch.css
93 @@ -26,7 +26,7 @@
94 background-color: var(--surface-2);
95 }
96
97- & :where(button) {
98+ & :where(button,.btn) {
99 --_highlight: var(--_highlight-dark);
100 --_bg: var(--_bg-dark);
101 --_ink-shadow: var(--_ink-shadow-dark);
102 @@ -37,7 +37,7 @@
103 }
104 }
105
106- & :where(button,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
107+ & :where(button,.btn,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
108 --_text: var(--gray-5);
109 }
110
111 diff --git a/src/extra/theme.light.css b/src/extra/theme.light.css
112index edfffc8..788245a 100644
113--- a/src/extra/theme.light.css
114+++ b/src/extra/theme.light.css
115 @@ -27,7 +27,7 @@
116 background-color: var(--surface-1);
117 }
118
119- & :where(button) {
120+ & :where(button,.btn) {
121 --_highlight: var(--_highlight-light);
122 --_bg: var(--_bg-light);
123 --_ink-shadow: var(--_ink-shadow-light);
124 @@ -38,7 +38,7 @@
125 }
126 }
127
128- & :where(button,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
129+ & :where(button,.btn,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
130 --_text: var(--gray-6);
131 }
132
133 diff --git a/src/extra/theme.light.switch.css b/src/extra/theme.light.switch.css
134index fc636a2..cee2b4f 100644
135--- a/src/extra/theme.light.switch.css
136+++ b/src/extra/theme.light.switch.css
137 @@ -33,7 +33,7 @@
138 background-color: var(--surface-1);
139 }
140
141- & :where(button) {
142+ & :where(button,.btn) {
143 --_highlight: var(--_highlight-light);
144 --_bg: var(--_bg-light);
145 --_ink-shadow: var(--_ink-shadow-light);
146 @@ -44,7 +44,7 @@
147 }
148 }
149
150- & :where(button,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
151+ & :where(button,.btn,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
152 --_text: var(--gray-6);
153 }
154