Success Color Name

[mhennessie]

If you use @uikit-palette-success as an object name the resulting $colors variable name is an empty string. Example:

$colors: (
  "": #00b74a,
  "danger": #f93154,
  "info": #39c0ed,
  "primary": #1266f1,
  "secondary": #b23cfd,
  "warning": #ffa900
);

#00b74a should have key name success

[fiadone]

Hi @mhennessie, thanks for reporting this issue and for using the plugin.
The reason why you found that behavior is that the plugin reserves some keywords for internal use, including "success" and "error". Thus, it's more a lack of documentation than a real bug. We're working on the next release and we'll certainly provide a better explanation for your case in the updated readme file.
For now, our suggestion is to simply use an additional prefix in the node name, such as @uikit-palette-status-success.
Best

[mhennessie]

Ok, $success is bootstrap variable for a color which is why I was trying to use it. I am currently experimenting with the plugin to see how we might be able to use it in the handoff between our design and dev teams.

[fiadone]

Consider that, anyway, you're dealing with the properties of a sass map ($colors), so the "status-success" key would be simply used to retrieve the color value from the map, after which you would have absolutely full control on it, including to store that value in a root-level sass variable named as you want. In your specific case, you can always do something like that:

/* uikit.scss */
$colors: (
"status-success": #00b74a,
[...]
);

/* bootstrap-overrides.scss */
$success: map-get($colors, "status-success");

I hope it helps.

[mhennessie]

I understand that, thanks.