@lightningcss

An extremely fast CSS parser, transformer, bundler, and minifier.

lightningcss.dev
Joined August 2022
  • Tweets59
  • Following2
  • Followers1.8K
Raw values avoid needing to fully specify the whole AST when returning new CSS values. You can just return a raw CSS string, which Lightning CSS will parse and insert into the AST for you. lightningcss.dev/transforms.…
Example of a visitor that replaces a custom color() function with a raw CSS value.

ALT Example of a visitor that replaces a custom color() function with a raw CSS value.

1
2
1,873
Lightning CSS v1.19.0 is out! 📏 Custom at-rule parsing 🍣 Return raw values from custom transforms 🚨 Better error messages in transforms 🪺 Support `&` selector in non-nested rules 🧥 Merge non-adjacent @​layer rules 🧑‍🍳 Improve selector downleveling github.com/parcel-bundler/li…
Code example showing two custom at rule definitions. @mixin registers a mixin, and @apply inlines it into a rule.

ALT Code example showing two custom at rule definitions. @mixin registers a mixin, and @apply inlines it into a rule.

1
11
1
53
12,413
Lightning CSS v1.17.0 is out! ⚡️ 🪺 Updated nesting syntax 🦋 Rust visitor API for building custom transforms 🖨️ Support for @​page margin rules 🗜️ Simplify :is() selector with a single simple argument 📺 Fix media query parenthesization github.com/parcel-bundler/li…
.foo { color: red; .bar { color: blue; } }

ALT .foo { color: red; .bar { color: blue; } }

1
19
3
120
New release! ⚡️ Lightning CSS now supports relative color syntax, which allows you to adjust colors with math functions! If you've ever wanted to lighten or darken a color, now you can – and a lot more. Playground: lightningcss.dev/playground/… Release notes: github.com/parcel-bundler/li…
An input lch color, adjusting slateblue by darkening it 10%. Output shows a hex color, and calculated lch value.

ALT An input lch color, adjusting slateblue by darkening it 10%. Output shows a hex color, and calculated lch value.

1
25
1
96
Load more