icss
postcss-modules-values
Our great sponsors
| icss | postcss-modules-values | |
|---|---|---|
| 2 | 1 | |
| 620 | 37 | |
| 0.2% | - | |
| 0.0 | 2.9 | |
| almost 7 years ago | 3 months ago | |
| JavaScript | ||
| - | ISC License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
icss
- Parcel CSS: A new CSS parser, compiler, and minifier
-
Share variables between JavaScript and CSS
CSS Modules, gives us two ways of sharing variables, the Interoperable CSS (ICSS) spec and the PostCSS Modules Values spec. ICSS appears to be the older of the two specifications, so I'll start there.
postcss-modules-values
-
Share variables between JavaScript and CSS
// breakpoints.module.css @value larry: (max-width: 599px); @value moe: (min-width: 600px) and (max-width: 959px); @value curly: (min-width: 960px); // MyComponent.module.css // this is one of the multiple ways you can import @value definitions // see https://github.com/css-modules/postcss-modules-values @value larry, moe, curly from "theme/breakpoints.module.css"; @media larry { ... } @media moe { ... } @media curly { ... }
What are some alternatives?
css-loader - CSS Loader
rust-cssparser - Rust implementation of CSS Syntax Level 3
hound - Lightning fast code searching made easy
swc - Rust-based platform for the Web
dropcss - An exceptionally fast, thorough and tiny unused-CSS cleaner
Aphrodite - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
lightningcss - An extremely fast CSS parser, transformer, bundler, and minifier written in Rust.
MSEdgeExplainers - Home for explainer documents originated by the Microsoft Edge team
purifycss - Remove unused CSS. Also works with single-page apps.
web-app-template - Typescript React ExpressJS esbuild web app template
parcel - The zero configuration build tool for the web. 📦🚀