Doesn't convert variable with postcss mixin
movie4 opened this issue · 0 comments
movie4 commented
Hello!
In new versions:
postcss-custom-properties 10.0.0
and postcss-mixins 7.0.
I have mixin like below:
@define-mixin font $weight, $minFont, $maxFont, $minLine, $maxLine, $family {
font-size: responsive $minFont $maxFont;
font-range: var(--min-max);
font-weight: $weight;
font-family: $family;
line-height: responsive $minLine $maxLine;
line-height-range: var(--min-max);
}
and var like:
:root {
--font: 'Arial', helvetica, sans-serif;
--min-max: 320px 2560px;
}
in css file - use
@mixin font normal, 14px, 24px, 20px, 24px, var(--font);
output:
font-size: responsive 14px 24px;
font-range: 320px 2560px;
font-weight: normal;
font-family: var(--font); <------ Not Converted
line-height: responsive 20px 24px;
line-height-range: 320px 2560px;