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.

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

[BUG] Compile warning with dart-sass #807

Closed
cognvn opened this issue Feb 20, 2021 · 0 comments · Fixed by #845
Closed

[BUG] Compile warning with dart-sass #807

cognvn opened this issue Feb 20, 2021 · 0 comments · Fixed by #845
Assignees
Labels
bug Something isn't working

Comments

@cognvn
Copy link

cognvn commented Feb 20, 2021

Describe the bug

When compile scss with dart-sass (node-sass is deprecated) get the warning:

WARNING: You probably don't mean to use the color value white in interpolation here.
It may end up represented as white, which will likely produce invalid CSS.
Always quote color names when using them as strings or map keys (for example, "white").
If you really want to use the color value here, use '"" + $color'.

change $color to "" + $color in file src/scss/utils/_colors.scss fix it

@if $enable-extra-colors {
  @each $color, $value in map-merge($colors, (dark: $dark, muted: $text-muted, white: $white)) {
    .bg-#{"" + $color} {
      background: $value;
    }

    .text-#{"" + $color} {
      color: $value !important;
    }

    .bg-#{"" + $color}-lt {
      color: theme-color-darker($value) !important;
      background: theme-color-lighter($value, true) !important;
    }
  }
}
@cognvn cognvn added the bug Something isn't working label Feb 20, 2021
@FreexD FreexD assigned FreexD and Veems and unassigned FreexD Apr 9, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants