Open
Description
Is your feature request related to a problem? Please describe.
I want a flexible CSS framework using CSS Variables.
https://github.com/BcRikko/NES.css-proposal
Describe the solution you'd like
NES.css is inconvenient.
For example, If I want to use NES.css in a Dark Theme.
The border color, background-color, etc. are different from the color I'm looking for.
Describe alternatives you've considered
<!-- default theme -->
<button class="nes-btn"></button>
<!-- my theme -->
<button class="nes-btn my-theme"></button>/* Default theme */
:root, is-default {
--bg-color: white;
--border-color: black;
--color: black;
}
.is-primary { /**/ }
.is-success { /**/ }
.is-warning { /**/ }
.is-error { /**/ }
/* My theme */
.my-theme {
--bg-color: black;
--bordor-color: green;
--color: green;
}
.nes-btn {
background-color: var(--bg-color);
border-color: var(--border-color);
color: var(--color);
}
But IE does not support CSS Variables. 😢
If you want IE support, you need a polyfill.
https://caniuse.com/#feat=css-variables