Fix button selector specificity on Windows (#4518)

And remove !important.
This commit is contained in:
Abe Jellinek 2024-08-08 00:21:26 -04:00 committed by GitHub
parent 214a668286
commit 14ab0cd529
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,14 +1,14 @@
// Use :where to reset specificity to 0
// Use :is to give the sub-selectors 0 specificity, allowing the whole thing to be
// overridden by anything with element-selector specificity or higher
// https://css-tricks.com/using-the-specificity-of-where-as-a-css-reset/
// skip React Button element
:where(
button:not(.btn, [type=checkbox], [type=radio]),
input:is([type=button], [type=submit])
:is(
// skip React Button element
button:where(:not(.btn, [type=checkbox], [type=radio])),
input:where([type=button], [type=submit])
) {
@include windows-form-element;
padding: 4px 11px 6px 11px !important;
padding: 4px 11px 6px 11px;
&[default] {
color: var(--accent-white);