Is there an alternative to @import url("bootstrap_cdn") layer(framework);?

137 views Asked by At

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?

0

There are 0 answers