Failed to compile with SASS theme Avalalon 4.x+

[admtiev]

Hi!

i try to compile avalon theme 4.1 or 4.0 and failed with this message:

error src/main/webapp/resources/sass/theme/designer/components/button/_button.scss (Line 109: Invalid CSS after "...argin-top: math": expected ";", was ".div(-1 * $icon...")

With 4.0 compile start ok but failed when read the demo.css.map

write src/main/webapp/resources/avalon-layout/css/layout-pink.css.map
write src/main/webapp/resources/avalon-layout/css/layout-purple.css
write src/main/webapp/resources/avalon-layout/css/layout-purple.css.map
write src/main/webapp/resources/avalon-layout/css/layout-skyline.css
write src/main/webapp/resources/avalon-layout/css/layout-skyline.css.map
write src/main/webapp/resources/avalon-layout/css/layout-sunkist.css
write src/main/webapp/resources/avalon-layout/css/layout-sunkist.css.map
write src/main/webapp/resources/avalon-layout/css/layout-suzy.css
write src/main/webapp/resources/avalon-layout/css/layout-suzy.css.map
write src/main/webapp/resources/avalon-layout/css/layout-teal.css
write src/main/webapp/resources/avalon-layout/css/layout-teal.css.map
write src/main/webapp/resources/demo/css/demo.css
write src/main/webapp/resources/demo/css/demo.css.map
error src/main/webapp/resources/sass/theme/designer/components/button/_button.scss (Line 109: Invalid CSS after "...argin-top: math": expected ";", was ".div(-1 * $icon...")

theme 3.0.1 compile without error.

Do you have some tips?

Thx

[Melloware]

Yes it now uses SASS 2.0 which uses Math.div instead of the old way. You need to use a SASS 2.0 compliant parser like Dart Sass.

[admtiev]

Hi!

can put a little example? i try from linux or windows. The doc is not much clear.

Thx

[Melloware]

I think you need to downloads the latest DART SASS compiler: https://sass-lang.com/dart-sass

[admtiev]

hi!

i try with dart-sass 1.49.7 standalone and failed or dont compile the 3.0.1 or 4.1 version of avalon

i try with ruby from 2.5.1 to 3.1 and can compile without error until avalon 3.0.1

can you explainme how to compile with ruby? the official doc for avalon say: use sass --update src/main/webapp/resources:src/main/webapp/resources --no-source-map but this last instrucction dont work in windows, but if exclude compile work and can use the css perfectly.

Thx

[Melloware]

Yeah in Windows it might not be

Code: Select all

--no-source-map

But PrimeTek doesn't use windows I think most of the team have Macs.

[admtiev]

Hi!

And linux tips for compile without error?

Thx

[Az.MaYo]

I'm also facing below error with both Ruby sass 3.7 and dark sass latest version. I tried with both and I think it's with all the paid theme as I'm using Harmony and OS is windows. Will try in Ubuntu and update.

error src/main/webapp/resources/sass/theme/designer/components/button/_button.scss (Line 109: Invalid CSS after "...argin-top: math": expected ";"

Please update

[mert.sincan]

Hi,

Ruby Sass is deprecated. You can use Dart Sass; https://sass-lang.com/dart-sass

Best Regards,