Mia on Nostr: - I like CSS partials - I like layering partials on import - I like avoiding build ...

- I like CSS partials
- I like layering partials on import
- I like avoiding build steps

The simplest option is:

<style>
@layer reset, config, etc;
@import url('reset.css') layer(reset);
@import url('config/colors.css') layer(config);
@import url('config/sizes.css') layer(config);
@import url('config/fonts.css') layer(config);
@import url('default/type.css') layer(default);
/* etc… */
</style>

But I have a decades-old fear of 'too many' imports. Is that a real, modern concern?