sebnitu / vrembem / 9896209780

94%

main: 100%

push

github

Refactor build flow to separate base and root output in components (#1926)

This PR refactors how components output their root custom properties to allow for more efficient output when using multiple components or the Vrembem package. Components now also have specific build outputs so a component can be consumed in different ways:

- Via `[dist|dev]/index.css` file which contains all component styles and their root custom properties output.
- Via `[dist|dev]/base.css` file which only contains the component styles and no root custom properties output.
- Via `[dist|dev]/root.css` file which only contains the component root custom properties output.

For sass consumption, root custom properties are no longer included in a components main entry but can be included using a new import:

```scss
// Will now import only the component styles and not root custom properties.
@use "@vrembem/[component]";

// Will now import only the component root custom properties.
@use "@vrembem/[component]/root";

// Will import all root custom properties from all imported components.
@use "@vrembem/core/root";
```

**Additional changes**
- Move docs layout custom properties into css module.
- Move bp vars into docs own variables file and use core media query mixins.

508 of 508 branches covered (100.0%)

Branch coverage included in aggregate %.

2293 of 2293 relevant lines covered (100.0%)

43.94 hits per line