The Default Color names Conflict w/ SASS Interpolation about concise.css HOT 5 CLOSED

@kamescg

Does wrapping the color names in quotes fix this issue?

eg:

// Background colors
$bg-colors: (
  "white":  #ffffff,
  "black":  #222222,
  "gray":   #999999,
  "green":  #5cb85c,
  "blue":   #5bc0de,
  "yellow": #ed9c28,
  "red":    #d9534f
);

from concise.css.

@kamescg
Does wrapping the color names in quotes fix this issue?
eg:

// Background colors
$bg-colors: (
  "white":  #ffffff,
  "black":  #222222,
  "gray":   #999999,
  "green":  #5cb85c,
  "blue":   #5bc0de,
  "yellow": #ed9c28,
  "red":    #d9534f
);

In my case I've this annotation:
.#{$colorName}#{$hue}-bg { background-color: $color !important; }

How to fix?

Solved using this way:
.#{''+$colorName+''}#{$hue}-border-bottom { border-bottom-color: $color !important; }

from concise.css.

Woop woop! I'll commit a fix in a little bit. Thanks a lot for the help 😄

from concise.css.

Yes it does :)

from concise.css.

@kamescg

Does wrapping the color names in quotes fix this issue?

eg:

// Background colors
$bg-colors: (
  "white":  #ffffff,
  "black":  #222222,
  "gray":   #999999,
  "green":  #5cb85c,
  "blue":   #5bc0de,
  "yellow": #ed9c28,
  "red":    #d9534f
);

In my case I've this annotation:
.#{$colorName}#{$hue}-bg { background-color: $color !important; }

How to fix?

from concise.css.