sebnitu / vrembem / 23030071314

91%

main: 100%

push

github

Refactor the dialog component to match new CSS var pattern (#2689)

This PR primarily refactors the dialog component to the new CSS variable pattern. This pattern applies CSS variable references along with smart fallbacks. This replaces the initial Sass variable solution for component customization. The documentation has also been updated to reflect these changes.

**Additional changes**

-`docs` - Added `type="button"` to button elements of the popover component.
- `docs` - Fix top position of navibar skip button by correctly referencing the `form-control-size-calc` variable.
- `core` - Focus ring now defines a `focus-ring-color` CSS variable that is used as the default value of the `focus-ring-color` mixin `$color` argument.
- `card` - Added the `title-line-height` css variable for setting the card title's line-height property. It defaults to `inherit`.

583 of 652 branches covered (89.42%)

Branch coverage included in aggregate %.

939 of 999 relevant lines covered (93.99%)

31.68 hits per line