Modern CSS without tools

Hi,

I've been writing CSS for a long time, but for 99.9% of the last few years, it's all been with SCSS. I've been the beneficiary of nesting, mixins, functions, loops, the lot.

It's incredible with SCSS can do.

But now, on my own personal site, I want to try to rewrite and tidy up my styles and try to use just modern pure CSS with no pre-processor.

My question is this:

How can I structure it across multiple files with pure CSS? Is this possible? I feel like i've been out of the pure CSS game for a while and need a helping hand getting back in.

Can I @import all my smaller files into one larger file? How does this work these days?
Was this page helpful?