Open maftieu opened 5 years ago
Visual Studio Enterprise Version 15.9.11 Extension version: 1.12.394
I am also seeing this issue with scss. I am running the same version but in my case it is not wrapped in an @media query. In my case the scss:
@keyframes maskUp {
from {
transform: translate(0, 100%);
}
to {
transform: translate(0, 0);
}
}
generates the following minified css (missing "@keyframes" and including an extra semicolon before the end of what would be the keyframe block):
.transition-2ms{transition:all .2s ease-in-out;}maskUp{from{transform:translate(0,100%);}to {transform:translate(0,0);};}maskRight{from{transform:translate(-100%,0);}to {transform:translate(0,0);};}
the same problem in 2024
Installed product versions
Description
When a
@keyframe
is inside a@media
, the minification produces an odd result.Media + keyframe totally removed
Steps to recreate
Using this source SASS
The minified CSS is
Current behavior
Minified css file does not contain
@media
query.Expected behavior
The minified css should contain the
@media
query with its elements.Closing brace of media is removed
Steps to recreate
With this SASS source :
Produces this minified css
Current behavior
The
@media
closing brace is missing, so the minified file is syntaxically incorrect.Expected behavior
The
@media
closing brace should be present.