Converting To SASS From Less in Version 6

Question

I just downloaded version 6 and really love all the changes so I would like to convert my current workflow to build my CSS using your SASS files. But I am kinda lost on where to start. In v5.9.1 I pull style.less into my Gulp project, along with my own custom .less file and build the final CSS. But I do not see an equivalent SASS file. Am I missing something? Should I convert the style.less file from v5.9.1 to just point to the same SASS/.scss files instead? Or is there a different approach when using SASS files?

Thank you in advance.

SemiColonWeb · Accepted Answer

Hello,

Thanks You so much for the Kind Words and Apologies about the Inconveniences caused!

LESS has unfortunately been removed from Canvas 6 and replaced entirely with SASS for due to increased support and a much larger SASS Community. Also, Bootstrap only supports SASS, so Canvas has been integrated together with Bootstrap's SASS for better continuity. Please consider using the style.scss File which already includes the Bootstrap/Style and Dark CSS. And then you can use sass/bootstrap/_variables.scss and sass/variables.scss Files to modify the values.

Hope this Helps!

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

carabs · Answer

Thank you very much. I forgot where the style.less file had originally lived in the project, and did not think about looking in the root HTML directory for it. I never would have looked there. Once I did a file name search on my server I found it. THank you.!

Semicolon Web · Answer

Hello, Very Happy to Help! Do let us know if we can help you with anything else or if you find any further issues.