designsystemet icon indicating copy to clipboard operation
designsystemet copied to clipboard

Create a Baseline CSS file

Open mimarz opened this issue 5 months ago • 3 comments

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 just reset.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.

Global color should be defined as:

[data-color="light"], :root { color: ... }
[data-color="dark"] { color: ... }

Notes:

  • https://wiki.csswg.org/ideas/mistakes

mimarz avatar Sep 19 '24 06:09 mimarz