This release adds more granular options for CSS modules, implements some new CSS properties, and fixes bugs.
Added
Add granular options to control which identifiers are scoped in CSS modules. You can turn off scoping for grid, animation, and custom_idents. This may be useful when migrating from other tools. See docs. Thanks @timneutkens! 83839a98dbe0000acbdf039d968f33e1e8c50277
Optimize the all shorthand property to reset other properties except direction and unicode-bidi. d7aeff3db67ee9d15e0fefce9251cf41c0b8ec44
Implement animation-timeline property and add support for it in the animation shorthand f4408c7bdbbfa2c4cbdf5731b351811a0323fa8c
Fixed
Prevent simplifying translate: none and scale: none which are distinct from translate: 0 and scale: 1. Thanks @RobinMalfait! a4cc0246d28c364c0f4e16552685bd911444bdc5
Fix crash on box-shadow with currentColor keyword. Thanks @magic-akari! 06ba62f6d1af563cd8ad31dba13844f434345720
Fix minifier removing zero channels in color() function to follow spec change 445def9a77f89aa612fecb2f776261fc2c9d8f66
Fix CSS module scoping with variables in animation shorthand fb4b33488cbf54ba063de8babb42aec016a96ce8
Update browser compatibility data ec9da43eeb1a236f5fd8dc472b3fe060c3db9a79
v1.24.1
Disabled CSS transform optimizations using matrix(), which could break transitions and animations. – parcel-bundler/lightningcss#694
Merge @supports declarations with the same property (minus vendor prefix) and value – 6bd2761badb9d5434783acffcae35ef6c3311e06
v1.24.0
This release adds support the the light-dark() color function, parses CSS system colors, deduplicates custom properties during minification, merges duplicates @keyframes rules, and fixes some bugs.
light-dark()
The light-dark() function allows you to specify a light mode and dark mode color in a single declaration, without needing to write a separate media query rule. In addition, it uses the color-scheme property to control which theme to use, which allows you to set it programmatically. The color-scheme property also inherits so themes can be nested and the nearest ancestor color scheme applies.
Lightning CSS converts the light-dark() function to use CSS variable fallback when your browser targets don't support it natively. For this to work, you must set the color-scheme property on an ancestor element. The following example shows how you can support both operating system and programmatic overrides for the color scheme.
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- `@dependabot show ignore conditions` will show all of the ignore conditions of the specified dependency
- `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
Bumps lightningcss from 1.23.0 to 1.25.0.
Release notes
Sourced from lightningcss's releases.
... (truncated)
Commits
81d21b9
v1.25.0f4408c7
Implement animation-timeline property and add to animation shorthandec9da43
update browser compat datafb4b334
fix CSS module scoping with variables83839a9
Add granular CSS Modules options (#739)445def9
fix minifying predefined color spaces7c34ba5
Merge branch 'master' of github.com:parcel-bundler/lightningcss4a168e9
fixup ast06ba62f
Fix box-shadow combination ofoklch
andcurrentColor
(#722)029c88e
fixup astDependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show