Sass warning: Using Slash as Division

[JBraddockm]

Hi,

I have set up the template to compile with Laravel Mix and Tailwind CSS and am in the process of eventually integrating TailwindCss fully into the theme. Everything works well so far.

However, as I was getting warnings about using slash as division in scss files, I updated the corresponding lines with the suggested lines by the Sass compiler. Everything works as expected except in one case it doesn't.

It suggests that I update ( ( $grid-width - $gap * ( $columns - 1 ) ) / $columns ) / $grid-width * 100%; with math.div($grid-width - $gap * $columns - 1, $columns); but this doesn't generate the correct values.

The following works but it appears like a hack and I am not sure if this is to correct way to address the issue.

math.div(math.div(($grid-width - $gap * ($columns - 1)), $columns), $grid-width * 000.010) + 0%;

Thanks.

[Lovor01]

Hello,
yes, this is correct way to address the issue. This is not a theme-related problem, but Sass related problem, they decided to deprecate / in order to make code more compatible with plain css. Read more on their pages.