designsystemet
designsystemet copied to clipboard
Create a Baseline CSS file
Create a baseline.css
that defines the default global values for Designsystemet in CSS.
- Move default
color
to global, instead of individual typgography elements (which was a side-effect of old css-modules) - Suggest moving the content of
ds-rest.css
or rename it to justreset.css
and import it. - We have a "bring our own font" approach, do we still want to define a default
font-family
and expect people that want to overwrite or not?- One problem I see is our need for
font-feature-settings: 'cv05' 1;
setting that could interfere with other fonts.
- One problem I see is our need for
Global color
should be defined as:
[data-color="light"], :root { color: ... }
[data-color="dark"] { color: ... }
Notes:
- https://wiki.csswg.org/ideas/mistakes