I recently learned about importing whole css files into @layer
. I want to import bootstrap css for my future projects into framework
layer, so that I can easily override bootstrap style with my utilities
layer:
@import url("https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css") layer(framework);
@layer framework, utilities;
I also know that @import
is render blocking, that is it stops further processing of css untill the url is downloaded. Is there a way to use link
tag or something with @layer
so that all the styles in the linked css file would be considered as a layer, but still won't be render blocking?