coreui / coreui-pro / 32467078420

94%

main: 94%

push

github

refactor(Reboot, Type): put the element styles on tokens and drop the @extend (#815)

Reboot styles bare HTML, so everything it decides was frozen at build time:
heading margin and weight, paragraph margin, `hr`, `legend`, `dt`,
`sub`/`sup`, `mark` padding, the code font size and the list indent had no
runtime surface at all. They are declared on `:root` now, and `<kbd>` gets
its own set on the element, so retyping a subtree no longer means
recompiling Sass or reaching for a class.

Two of them were reachable but not findable: `--cui-kbd-color` and
`--cui-kbd-bg` were only ever read with a Sass fallback, and
`--cui-pre-color` resolved to an empty fallback that made the whole
declaration invalid. Both are real declarations now.

`.h1`-`.h6`, `.small` and `.mark` were defined in `_type.scss` by extending
the elements they mirror, which forced that module to load Reboot and put
the classes in Reboot's output anyway. Define them where they are emitted
and the dependency goes; `.initialism` joins `abbr`, which it builds on.
`_type.scss` is left with what is genuinely its own, `.lead` and
`.display-*`.

Spacing that was written as `1rem`, `.5rem` and `2rem` now reads the
`--cui-spacer-*` scale. Values are unchanged.

Raise the `coreui.css` budget from 63 to 63.5 kB and `coreui.min.css`
from 52.75 to 53 kB: about twenty token declarations on `:root` and six on
`kbd` put them at 63.12 and 52.75 kB.

4537 of 5095 branches covered (89.05%)

Branch coverage included in aggregate %.

8661 of 9055 relevant lines covered (95.65%)

399.93 hits per line