Lightning CSS

@lightningcss

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

lightningcss.dev Joined August 2022

2 Following 1.8K Followers 60 Posts

Latest posts 5

Lightning CSS @lightningcss Jun 25, 2023

Lightning CSS v1.21.1 is out with fixes for logical property fallback, incompatible rule splitting, license comment preservation, selector compat data, and more. Check it out! ⚡️

github.com/parcel-bundler…

github.com Release v1.21.1 · parcel-bundler/lightningcss Fixes Ensure fallback rules for logical properties are before nested rules – e66d99c Fix Safari compat data for ::marker pseudo element – cff779d Add compat data for ::part pseudo element – fbf0d2...

Lightning CSS @lightningcss Feb 13, 2023

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…

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

Lightning CSS @lightningcss Nov 29, 2022

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…

.foo {
color: red;

.bar {
color: blue;
}
}

Lightning CSS @lightningcss Nov 8, 2022

Yesterday we released v1.16.1, which includes bug fixes for nesting, border shorthands, and auto prefixing. Also improved browserslist integration in the CLI!

github.com/parcel-bundler…

github.com Release v1.16.1 · parcel-bundler/lightningcss Bug fixes Parse :nth-col() and :nth-last-col() selectors – @yisibl in #302 Use :is for non-leading nesting with multiple compound selectors – 8652701 Fix flipped border-bottom-right and border-bot...

Lightning CSS @lightningcss Sep 20, 2022

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/ind…

Release notes: github.com/parcel-bundler…

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