Canvas Support

SASS Name Change

3 replies · opened Jun 17, 2020

CcarabsJun 17, 2020

Hello,

I just downloaded 6.0.2, extracted the files into my dev environment and ran my GULP scripts. I received the following error:

events.js:174
      throw er; // Unhandled 'error' event
      ^
Error: HTML/style.scss
Error: It's not clear which file to import for '@import "sass/variables"'.
       Candidates:
         sass/_variables.scss
         sass/variables.scss
       Please delete or rename all but one of these files.
        on line 15 of HTML/style.scss
>> @import "sass/variables";

This is because of your file name change of the files within /sass/ with the _ addition: variables.scss to _variables.scss

I understand that on my end the change is small. I need to update any .scss files and include the "_". But this is a pain since multiple scripts I have now need top to be updated. Plus, I should not have to update your scripts to match your code.

I LOVE this theme but please be careful with your changes. And if you make file naming changes like this please make sure they work to start, but that you also mention it in the changes log. I ALWAYS ready that first, it says nothing about SASS file name changes.

Thanks.

CcarabsJun 17, 2020

Just found it is now the same with all .scss files... "_" was added to the name but the path within files calling these SASS files are not updated.

CcarabsJun 17, 2020

So I found the issue...

1: I did not realize that _XX.scss will be imported properly with or without the underscore: @import "XX";
2: My Gulp workflow copies files from my NAS to a server to process the files. It does not remove them first. This means the old file names and new file names were in the SASS directory.

I will work to clean up my workflow tonight to remove files like this before running my gulp commands. But, in future releases, please include a note about this. Maybe you did and I did not understand your terminology.

Two more only somewhat related things:
1: I love the new header sizes... header-size-XX. Way easier than specifying the sizes and padding in the data attributes.
2: Please make it easier to go from the help/support area here to your docs. I see 1 link on http://support.semicolonweb.com/ but the link is wrong. it goes here: http://support.semicolonweb.com/canvas-html-documentation/

Keep up the great work.

SSemicolon WebSTAFFJun 17, 2020

Hello,

We Really Apologize about the Inconveniences regarding this! We have certainly missed adding a Note regarding the Name Change. The name change was done to simply prevent the SASS from generating multiple CSS Files. And there were no other changes required inside the .scss Files at all, which is why we had completely missed it while compiling the List of a lot changes and creating the Changelogs. But we will definitely be more careful regarding this.

We are really glad that you liked the pre-defined Header Sizes. This was actually your suggestion to implement and we are very thankful for that as this was an amazing suggestion and fixes a lot of UI Issues.

Regarding the Documentation/Support Linking. We have just fixed this.

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
SASS Name Change · Canvas Template Support