Skip to content
New issue

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

#

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

Already on GitHub? # 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
Loading

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
# for free to join this conversation on GitHub. Already have an account? # 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