open-props
open-props copied to clipboard
argyleink
CSS custom properties to help accelerate adaptive and consistent design.
even if for now it screenshots the test index page and compares a PR against it. it'd be testing the reset mostly, so it'd be more like an e2e test,...
see https://github.com/argyleink/open-props/discussions/71#discussioncomment-3834821
https://preset-env.netlify.app/features/#custom-selectors ideas for within: - quantity queries - etc
fixes #273 - [ ] update docsite - [ ] add tests - [ ] create test pages?
This re-opens #287 without all the cruft and _with_ all the feedback except splitting theme into its own file. I assume this will be a helpful reference for @argyleink
For [postcss-design-tokens](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-design-tokens#readme) we currently have support for `Style Dictionary` as a source format. (we would love to support the new format, but the latest draft has too many open issues)...
I spent a good deal of time trying to figure out why `data-theme=light` and `data-theme=dark` didn't work in normalize. As it turns out, it's not included at all; I think...
Hello, Thank you for your fantastic work. I like that you offer the normalize, but then because you provide theme handling it becomes more challenging to use the nice defaults...
```css ... --cq-size-fluid-2: clamp(1rem, 10cqw, 2rem); ... padding: var(--cq-size-fluid-2); ``` just like the [viewport fluid sizes](https://github.com/argyleink/open-props/blob/main/src/props.sizes.css#L19-L28) also add? ```css font-size: var(--font-size-cq-fluid-2); ``` 1. make a new file `src/props.container-sizes.js` 2. export...
Not sure if it is intentional but ```outline-color``` does not work alone. A fix i found is to add ```outline-style : solid;``` on the ```theme.css``` file so it respects the...
