Rule idea: color-no-non-variables

Someone may want to enforce that any color values are named and reused as variables.

This can make the code more legible and DRY.

// bad
.foo { color: pink; background: #fff; }

// good
$some-color: pink;
$some-background: #fff;
.foo { color: $some-color; background: $some-backgorund; }

[filip-savic]

@davidtheclark If you have variables in a variables.scss or similar file, you could set

"color-no-hex": true,
 "color-named": "never",

so you can’t have either color: #fff or color: white, and just disable linting for those values where they are set.

[rob-bar]

These are some links: no-color-hex no-color-keywords no-color-literals

variable-for-property