Error on SASS compilation

3 replies · opened Apr 6, 2023

FFred_SentryApr 6, 2023

Hello,

I would like to use Canvas theme with SASS. To do it I import the style.scss file in the `` of my index.html and then built-in function from Hugo Static Website Generator (function resources.ToCSS). I face following error:

"_/assets/sass/custom-variables.scss:648:35": Function rgb is missing argument $blue.

It seems that SASS files do not support following syntax :
$tabs-border-color: **rgb**(var(--#{$cnvs-prefix}contrast-rgb), .075);

Nevertheless following syntax is working:
$tabs-border-color: **RGB**(var(--#{$cnvs-prefix}contrast-rgb), .075);

See reference: https://stackoverflow.com/questions/71805735/error-function-rgb-is-missing-argument-green-in-sass

Can you fix this issue? It seems that multiples SASS files use the rgb syntax.

Hope my post is clear enough to be reproduced. If not do not hesitate to ask more information.

Thank you!

SSemicolon WebSTAFFApr 7, 2023

Hello,

Yes this is a Bug. We really apologize for the issue. Simply replacing rgb to rgba will fix this issue.

We will release this in an Update shortly. 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.

FFred_SentryJun 15, 2023

Hello,

We updated Canvas to version 7.1.1 (thinking that it might fix the bug mentioned above).
We face the following error:

Error: Error building site: TOCSS: failed to transform "sass/custom.scss" (text/x-scss): "_/assets/sass/shortcodes/_tabs.scss:235:31": Function rgb is missing argument $green.

Can you help?

Thank you!

SSemicolon WebSTAFFJun 16, 2023

Hello,

Apologies for the Inconveniences caused!

The above issues you had mentioned in the First Ticket were fixed and released in an update in Canvas 7.0.x. We build our own CSS with the SCSS Files provided and are not getting these issues on SCSS Compilation on Latest SASS Engine 1.63.x. Additionally, there have been no reports from any users regarding this issue.

The _tabs.scss Error you are mentioning: rgb(0 0 0 / 10%) is not an Invalid CSS/SCSS Code and works perfectly fine on every browser and SCSS Engines. however, we have updated the codes and you can consider using the updated file attached.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

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