https://github.com/astroturfcss/astroturf

Better Styling through Compiling: CSS-in-JS for those that want it all.
https://github.com/astroturfcss/astroturf

astroturf css

Last synced: 21 days ago
JSON representation

Better Styling through Compiling: CSS-in-JS for those that want it all.

• Host: GitHub
• URL: https://github.com/astroturfcss/astroturf
• Owner: astroturfcss
• License: mit
• Created: 2016-10-18T15:09:36.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2023-12-19T09:33:10.000Z (11 months ago)
• Last Synced: 2024-05-19T12:19:54.714Z (6 months ago)
• Topics: astroturf, css
• Language: JavaScript
• Homepage: https://astroturfcss.github.io/astroturf/
• Size: 7.54 MB
• Stars: 2,263
• Watchers: 19
• Forks: 82
• Open Issues: 82
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• stars - astroturfcss/astroturf - in-JS for those that want it all. (HarmonyOS / Windows Manager)
• awesome-github-repos - astroturfcss/astroturf - Better Styling through Compiling: CSS-in-JS for those that want it all. (JavaScript)
• awesome-github-star - astroturf - in-JS for those that want it all. | astroturfcss | 2246 | (JavaScript)

README

        
# astroturf

**astroturf** lets you write CSS in your JavaScript files without adding any runtime layer, and with your existing CSS processing pipeline.

- **Zero runtime CSS-in-JS.** Get many of the same benefits as CSS-in-JS, but without the loss of flexibility in requiring framework-specific CSS processing, and while keeping your CSS fully static with no runtime style parsing.

- Use your existing tools – **Sass, PostCSS, Less** – but still write your style definitions in your JavaScript files

- **Whole component in the single file**. Write CSS in a template literal, then use it as if it were in a separate file

Checkout the docs for examples and API details: https://astroturfcss.github.io/astroturf/