v0.5.0
This release includes a few big improvements!
- Instead of one big
index.scss
, the props are now split up into several files and forwarded in the index. This makes it possible to only import some of the props if needed.@use 'open-props-scss/media.scss'; @media (media.$OSdark) { /* ... */ }
- Breaking: Light and dark shadows are now exposed through a
shadow()
function and the shadow color/strength can be customized.@use 'open-props-scss' as op; .somewhere { box-shadow: op.shadow(1); // box-shadow: op.shadow('inner-3', dark); // box-shadow: op.shadow(5, $shadow-color: var(--my-shadow-color)); }
- Fixed an issue where
$radius-conditional-
props were referencing a non-existent CSS variable.
Huge thanks to @woodcox for contributing all of these changes.
Full diff: v0.4.1...v0.5.0