Rule idea: value-no-non-variable

Inspired by #4

SCSS-lint (sorry to bring it up again; can’t help it, since it’s a functioning tool and the one seems the most popuar) has VariableForProperty rule. It does almost the same, except it forces the policy not on value types (like @davidtheclark proposed), but for property names and is more general.

I just thought that in the future users would want something similar to color-no-non-variable, but for fonts and other types of values. Wouldn’t it be less redundant to make a general thing like value-no-non-variable and make it accept an array of value types/property names?

As for checking those variables values, I think that is more of a Sass compiler’s job.

[zyxneo]

@jeddy3, @dryoma This worked for me with regular SCSS:

    "declaration-property-value-whitelist": {
      "font": [
        "/^\\$/"
      ],
      "/^\\$.+/": [
        "/.+/"
      ],
      "/color/": [
        "/^\\$|initial|inherit|transparent/"
      ]
    },

It also ignores variable declarations.

Update 2022: https://github.com/stylelint-scss/stylelint-scss/issues/13#issuecomment-1218272125

[dryoma]

TODO: Check out this plugin https://github.com/sh-waqar/stylelint-declaration-use-variable