Get the latest tech news
Open Props – Supercharged CSS Variables
Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript.
Unlike the other props, which are identical to their modern font stack counterparts,--font-monospace-code is modified in open-props.--font-system-ui ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890+=! This allows you to reference a custom property without worrying about its underlying value, which will dynamically adapt to the current context's theme. Now, your team only needs to remember a single naming convention rather than wrestling with individual theming variables.
Or read this on Hacker News