Skip to content

v0.5.0

Compare
Choose a tag to compare
@mayank99 mayank99 released this 11 Jun 15:25
· 24 commits to main since this release

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