Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Closed
tewshi opened this issue Nov 23, 2018 · 4 comments · May be fixed by #12
Closed

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

tewshi opened this issue Nov 23, 2018 · 4 comments · May be fixed by #12

Comments

@tewshi
Copy link

tewshi commented Nov 23, 2018

.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);
}
@tewshi tewshi mentioned this issue Nov 27, 2018
Open
@adriaanzon
Copy link

adriaanzon commented Feb 21, 2019 •
edited

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
Copy link

JIAZHEN commented Mar 31, 2019

Same here. Any solution?

@cmutagorama
Copy link

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

@rarestoma
Copy link
Contributor

Hi,

We fixed it in our last update.

Thank you,
Rares

@Pixelairport Pixelairport mentioned this issue Jan 8, 2020
Open
lucahttp added a commit to Primera-Generacion-AHK-Sistemas/AngularArgonDashboard that referenced this issue Oct 1, 2020
@lucahttp
fix
2fda8f9 
creativetimofficial/argon-dashboard#11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Adds variable interpolation to calc function in _icon.scss tewshi/argon-dashboard
5 participants
@JIAZHEN @adriaanzon @tewshi @rarestoma @cmutagorama