-
Notifications
You must be signed in to change notification settings - Fork 34
Closed
Labels
Description
Source:
:root {
--fluid-min-width: 320;
--fluid-max-width: 1140;
--fluid-screen: 100vw;
--fluid-bp: calc(
(var(--fluid-screen) - ((var(--fluid-min-width) / 16) * 1rem)) /
((var(--fluid-max-width) / 16) - (var(--fluid-min-width) / 16))
);
}7.0.4 outputs:
:root {
--fluid-min-width: 320;
--fluid-max-width: 1140;
--fluid-screen: 100vw;
--fluid-bp: calc(
(var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) /
(var(--fluid-max-width) - var(--fluid-min-width)) / 16
);
}The output should instead be:
:root {
--fluid-min-width: 320;
--fluid-max-width: 1140;
--fluid-screen: 100vw;
--fluid-bp: calc(
(var(--fluid-screen) - (var(--fluid-min-width) / 16) * 1rem)) /
((var(--fluid-max-width) - var(--fluid-min-width)) / 16
);
}postcss-calc is removing the necessary parentheses and affecting the operator precedence.
Reactions are currently unavailable