github

argyleink / open-props

  • воскресенье, 5 декабря 2021 г. в 00:30:42
https://github.com/argyleink/open-props


CSS custom properties to help accelerate adaptive and consistent design.



Frame 2

Open Source CSS Variables

gradients animations sizes easings colors shadows aspect-ratios z-indexes

Tests


Need help?   👉   Discord


CDN

CLI

  • npm run gen:op - runs through src/ js files and creates the PostCSS files in src/
  • npm run gen:nowhere - creates a version of Open Props without the use of :where()
  • npm run gen:prefixed - creates a version of Open Props with each prop prefixed with op, like --op-font-size-1
  • npm run bundle - creates all the various minified bundles of props
  • npm run lib:js - builds the JS modules for NPM