This PR wraps the distributed all.css inside a @layer. Previously this file was unlayered and was being explicitly layered by the importer (e.g. css-workshop and itwinui-react).
This is the first step towards introducing nested internal layers for managing cross-component cascade priority.
Note: Sass doesn't allow @forward inside @layer so I had to use meta.load-css.
Testing
Everything works the same as before, just the layers have moved from one place to another.
Docs
Added major changeset for itwinui-css, since this is technically a breaking change.
Changes
This PR wraps the distributed
all.cssinside a@layer. Previously this file was unlayered and was being explicitly layered by the importer (e.g.css-workshopanditwinui-react).This is the first step towards introducing nested internal layers for managing cross-component cascade priority.
Note: Sass doesn't allow
@forwardinside@layerso I had to usemeta.load-css.Testing
Everything works the same as before, just the layers have moved from one place to another.
Docs
Added
majorchangeset for itwinui-css, since this is technically a breaking change.