Animation keyframe name is not always transformed to local scope name
See original GitHub issueActual: The following input,
@keyframes slideIn {
0% {
margin-left: 100%;
}
100% {
margin-left: 0%;
}
}
.case-1 {
animation: 2s slideIn;
}
.case-2 {
animation: slideIn 2s;
}
when using the command,
postcss input.css -u postcss-modules -o output.css
generates the following output
@keyframes _slideIn_1329k_1 {
0% {
margin-left: 100%;
}
100% {
margin-left: 0%;
}
}
._case-1_1329k_19 {
animation: 2s :local(slideIn);
}
._case-2_1329k_27 {
animation: _slideIn_1329k_1 2s;
}
Expected I would expect the keyframe name to be transformed in both cases.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:2
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Animation keyframe name is not always transformed to local scope ...
I would expect the keyframe name to be transformed in both cases. The text was updated successfully, but these errors were encountered: ...
Read more >animation-name - CSS: Cascading Style Sheets | MDN
The animation-name CSS property specifies the names of one or more @keyframes at-rules that describe the animation to apply to an element.
Read more >Keyframe animations in CSS Modules - Gravity Department
Enforced scoping prevents the keyframes rule and class' animation name from matching in the output CSS, so the animation doesn't apply:.
Read more >Not able to access the animate.css's animation keyframe ...
Otherwise, Sass Modules assumes bounceIn is locally scoped and will hash the animation name. .animateText :global { display: inline-block; ...
Read more >CSS Animations Not Working? Try These Fixes - HubSpot Blog
Whether your animation isn't working as intended, or just isn't working ... Check that your @keyframes rule exists and that its name matches...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@mischnic will be able to check on the weekend, thanks for pinging me
The linked PR is merged, any chance this package can be updated?