Adam Argyle 5 months ago
796 commits
cf43a292 main
✂️ v1.7.5 with modern font stacks
File Commit Size Mode Time
.firebaserc Merge pull request #52 from argyleink/deploy-firebase 52 B -rw-r--r-- 3 years ago
.github Masks (#126) NaN B d--------- 2 years ago
.gitignore add TS support, cleans up modules (#335) 83 B -rw-r--r-- 1 year ago
.npmignore Add unnecessary config files to the `.npmignore` & change lo… 49 B -rw-r--r-- 2 years ago
LICENSE Merge branch 'main' of https://github.com/argyleink/open-pro… 1 KiB -rw-r--r-- 3 years ago
build Assorted typos (#487) NaN B d--------- 8 months ago
docsite ✂️ v1.7.5 with modern font stacks NaN B d--------- 5 months ago
firebase.json Merge pull request #52 from argyleink/deploy-firebase 140 B -rw-r--r-- 3 years ago
package-lock.json add px-based sizes (#493) 400.1 KiB -rw-r--r-- 7 months ago
package.json ✂️ v1.7.5 with modern font stacks 18.4 KiB -rw-r--r-- 5 months ago
postcss.config.cjs custom plugin to combine rules (#412) 1.1 KiB -rw-r--r-- 1 year ago
readme.md bookmarklet suggestion (#447) 2.2 KiB -rw-r--r-- 11 months ago
src Add Modern Font Stacks (#498) NaN B d--------- 5 months ago
test Add Modern Font Stacks (#498) NaN B d--------- 5 months ago
tsconfig.json typescript part 2: electric boogaloo (#338) 337 B -rw-r--r-- 1 year ago

Open Props Logo

Open Source CSS Variables

colors gradients shadows aspect ratios typography
easings animations sizes borders z-indexes media-queries

Tests npm version Discord

Need help?   👉   Discord

CDN (browse)

Bookmarklet

javascript: (() => {
const href = "https://unpkg.com/open-props";
document.head.append(Object.assign(document.createElement("link"),{rel:"stylesheet",href}));
})();

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:shadowdom - creates a version of Open Props with :host as the selector scope
  • 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

Clone

HTTP

Subscribe

License

MIT

Authors

Adam Argyle: 44%
Adam Argyle: 43%
Temani Afif: 0%
David East: 0%
Howard Chiam: 0%

Analysis