Compiled css files (argon.css and argon.min.css) both contains sass variables

[tewshi]

.icon-xl + .icon-text { width: calc(100% - $icon-size-xl - 1); } ... .icon-lg + .icon-text { width: calc(100% - $icon-size-lg - 1); } ... .icon-sm + .icon-text { width: calc(100% - $icon-size-sm - 1); }

[adriaanzon]

I was getting an error about this:

JisonLexerError: Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: 100% - $icon-size-xl - 1

I solved it locally by wrapping the variables in _icons.scss with #{}:

@@ -28,7 +28,7 @@
        }

     + .icon-text {
-       width: calc(100% - $icon-size-xl - 1);
+       width: calc(100% - #{$icon-size-xl} - 1);
     }
 }

@@ -44,7 +44,7 @@
        }

     + .icon-text {
-       width: calc(100% - $icon-size-lg - 1);
+       width: calc(100% - #{$icon-size-lg} - 1);
     }
 }

@@ -60,6 +60,6 @@
        }

     + .icon-text {
-       width: calc(100% - $icon-size-sm - 1);
+       width: calc(100% - #{$icon-size-sm} - 1);
     }
 }

[JIAZHEN]

Same here. Any solution?

[cmutagorama]

Thank you @adriaanzon, I managed to overcome the error by using your method!

[rarestoma]

Hi,

We fixed it in our last update.

Thank you, Rares