You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I encountered a series of build errors when I included <style src="@vueform/slider/themes/default.css"></style> in a Nuxtjs project using PostCSS loader.
The exception was thrown by PostCSS loader, and coming from CSS rules like this one: right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);
I was able to fix the issue by changing the above line and those similar to it like so: right:calc(var(--slider-tooltip-arrow-size, 5px) * -2) to distinguish -2 from - 2.
I imagine this problem is introduced during minification?
The text was updated successfully, but these errors were encountered:
I encountered a series of build errors when I included
<style src="@vueform/slider/themes/default.css"></style>
in a Nuxtjs project using PostCSS loader.The exception was thrown by PostCSS loader, and coming from CSS rules like this one:
right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);
I believe the issue is the
-
character next to another character without any whitespace to distinguish a negative number from subtraction:https://developer.mozilla.org/en-US/docs/Web/CSS/calc()#notes
I was able to fix the issue by changing the above line and those similar to it like so:
right:calc(var(--slider-tooltip-arrow-size, 5px) * -2)
to distinguish-2
from- 2
.I imagine this problem is introduced during minification?
The text was updated successfully, but these errors were encountered: