@import

on further inspection it turns out that no @import is working anymore, changes are saved to the current file but nothing is compiled due to the error message – please fix the @import issue!

Hi Alex,

Thanks for your feedback! Looks like it’s about the media queries. Are you importing the output scss file to another Custom Code? If so, either you can directly import with the editor file name like @import “xx-scss-desktop.scss” or you can write your variables into the “Global” editor which has globe icon, so you can also import the output file as well.

Please let me know if you still cannot import your variables.

Kind regards,
Bilal

Hi Bilal,

thank you again for your fast reply.

I do not use the media query feature provided by the plugin, instead I have turned all screen size tabs into global editors and work in the desktop files using regular @media.

My main scss file looks like this:

@import 119-scss-desktop; //VARS
@import 120-scss-desktop; //MIXINS GENERAL
@import 124-scss-desktop; //MIXINS NAV
@import 126-scss-desktop; //MIXINS SVG
@import 125-scss-desktop; //MIXINS FOOTER
@import 217-scss-desktop; //MIXINS HEADER
@import 129-scss-desktop; //MIXINS PLUGINS
@import 153-scss-desktop; //MIXINS BLOG
@import 154-scss-desktop; //MIXINS GRID
@import 247-scss-desktop; //MIXINS THEME
@import 121-scss-desktop; //MIXINS THEME ELEMENTS
@import 132-scss-desktop; //MIXINS CUSTOM ELEMENTS
@import 122-scss-desktop; //MIXINS PROJECT
@import 123-scss-desktop; //ANIMATIONS

I have tried using the output files instead but I still got the same error.

I switched back to version 2.0.9 and everything works fine again. The current version just did not compile because variables and mixins from other files, although imported properly, were recognised as missing.

Thank you very much for your support – Alex

Okay. What’s the exact error message on this? And, I cannot see the quotes in your comment, do they have quotes? Like these:

@import “119-scss-desktop”; //VARS
@import “120-scss-desktop”; //MIXINS GENERAL
@import “124-scss-desktop”; //MIXINS NAV
@import “126-scss-desktop”; //MIXINS SVG
@import “125-scss-desktop”; //MIXINS FOOTER
@import “217-scss-desktop”; //MIXINS HEADER
@import “129-scss-desktop”; //MIXINS PLUGINS
@import “153-scss-desktop”; //MIXINS BLOG
@import “154-scss-desktop”; //MIXINS GRID
@import “247-scss-desktop”; //MIXINS THEME
@import “121-scss-desktop”; //MIXINS THEME ELEMENTS
@import “132-scss-desktop”; //MIXINS CUSTOM ELEMENTS
@import “122-scss-desktop”; //MIXINS PROJECT
@import “123-scss-desktop”; //ANIMATIONS

I never had to use quotes here before but yes – they were missing and now that I added them there are no more error messages ??

I did not expect such an easy fix!

Thanks a lot!!!

Great! ??