New Rule: alpha-value-notation

[azat-io]

Rule details

Specify percentage or number notation for alpha-values.

What type of rule is this?

Warns about a potential problem

Example code

There are two ways to set alpha notation.

Number:

.test {
  color: rgb(0 0 0 / 0.5);
  opacity: 1;
}

Percentage:

.test {
  color: rgb(0 0 0 / 50%);
  opacity: 100%;
}

I think it would be good to have a rule to check this.

{
  rules: {
    'alpha-value-notation': ['error', 'percentage'],
  },
}

Participation

• I am willing to submit a pull request to implement this rule.

[nzakas]

Same question as #76: is there a functional difference between the two syntaxes?

[azat-io]

No difference, just code style.

[nzakas]

As noted on #76, we aren't accepting stylistic rules into the plugin. You can always create your own plugin with these rules if you so desire.