Looking for some advice on our current SCSS & CSS file and folder set up.
I am setting up a dev environment and we’re going to use SCSS going forward. We have this as our current set up and order but the @import doesn’t seem to be working:
which file do the variables go in?
does the other file need to “@import” the variables file?
do they all need listed in the ‘minified.css’ file?
Within a SCSS Design File, you use the "mysource_files/file.scss" syntax to import the child *.scss files beneath it. See the SCSS Design File docs and the screenshot below:
Hi @isimmons, thanks for coming back to us on this and sharing the screenshot. We were using the @import and href asset number to reference the child .scss files. I will try this set up.
Also, we should be detailing all of our variables in the global css file (parent asset) and then referencing these in the child assets so they are pulled through via the import syntax?
Thanks @isimmons we had a reply from Squiz support and have set the files up with all @imports at the top of main-scss.css and all childs have the relevant variables at the top to compile correctly.