Clarify import order

[mrleblanc101]

I don't know if @import 'http://github.com/tailwindcss'; should be before or after @config "../../tailwind.config.js";.
Also, I'm not sure if @import 'http://github.com/fonts.css' layer(base); should be first like in JavaScript, then we init tailwind with @import 'http://github.com/tailwindcss';.
Or if @import 'http://github.com/tailwindcss'; should always be first !

@import './fonts.css' layer(base);

@import 'tailwindcss';

@config "../../tailwind.config.js";

[philipp-spiess]

In CSS, import rules are supposed to be going before anything else, so having @config at the end here makes sense to me. Regarding where to put your fonts.css import: It's really about where in the resulting CSS you want to have it. Notice though that the tailwindcss library does set up all layers for you and you're now declaring a base layer before anything else, practically before the @layer theme too: https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/index.css#L1. So if you do what you're suggesting here, theme will come after base. Because of that I'd recommend you keep the order this way:

@import 'tailwindcss';
@import './fonts.css' layer(base);
@config "../../tailwind.config.js";