postcss-modules-values
Aphrodite
postcss-modules-values | Aphrodite | |
---|---|---|
1 | 4 | |
37 | 5,342 | |
- | 0.1% | |
2.9 | 0.0 | |
4 months ago | almost 3 years ago | |
JavaScript | JavaScript | |
ISC License | MIT 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.
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 { ... }
Aphrodite
-
The React roadmap for beginners you never knew you needed.
Aphrodite
-
18 Alternatives to Using Tailwind CSS: Do You Really Need It?
β¨ css loader π₯ jss π csjs βοΈ aphrodite
-
Share variables between JavaScript and CSS
I've already mentioned Emotion, but other CSS-in-JS libraries to check out include Styled Components, JSS, Theme-UI, Radium, and Aprhodite.
-
How to Become a Pro π Front End Developerπ»
-Styled Components -Radium -Emotion -JSS -Aphrodite
What are some alternatives?
icss - Interoperable CSS β a standard for loadable, linkable CSS
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress π
emotion - π©βπ€ CSS-in-JS library designed for high performance style composition
React CSS Modules - Seamless mapping of class names to CSS modules inside of React components.
Radium - A toolchain for React component styling.
classnames - A simple javascript utility for conditionally joining classNames together
glamor - inline css for react et al
Fela - State-Driven Styling in JavaScript
styled-jsx - Full CSS support for JSX without compromises
react-look
react-container-query - :package: Modular responsive component
jsxstyle - Inline style system for JSX