sass compile failed

2 replies · opened Aug 6, 2020

Hhaha8xAug 6, 2020

I tried to compile css from sass but I got these error

in ./platform/themes/main/assets/style.scss

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined operation "100 % !important".

414 │ height: #{$value}% !important;

WARNING: You probably don't mean to use the color value white in interpolation here.
It may end up represented as white, which will likely produce invalid CSS.
Always quote color names when using them as strings or map keys (for example, "white").
If you really want to use the color value here, use '"" + $color'.


5 │ --#{$color}: #{$value};

ERROR in ./platform/themes/main/assets/style.scss (./node_modules/css-loader??ref--26-2!./node_modules/postcss-loader/src??postcss21!./node_modules/sass-loader/dist/cjs.js??ref--26-4!./platform/themes/main/assets/style.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined operation "100 % !important".

414 │ height: #{$value}% !important;
│ ^^^^^^^^^^^^^^^^^^^^^

SSemicolon WebSTAFFAug 6, 2020

Hello,

Apologies about the Inconveniences and Thanks for reporting this to us!

We are looking into this and will provide you with the solution for this within the next 24 hours. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SSemicolon WebSTAFFAug 9, 2020

Hello,

Apologies about the Delays in replying! We have tested our SASS Files and run many checks and we are not getting any errors. Additionally, our CSS Imports Files have been generated using SASS and everything is working fine. Please consider compiling the Files using Koala App. Our SASS Codes follows the Bootstrap Practices and code-structure. Make sure that you are using the Default style.scss File included in the Package/HTML Folder.

Do let us know if you are facing any further issues with this or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard