New Rule: no-px font sizing

[nasty23-star]

Environment

Rule details
Flag the use of px

What type of rule is this?
Warns about a potential problem

Example code
.card {
font-size: 12px;
}

Participation

I am willing to submit a pull request to implement this rule.
Additional comments
Needing !important indicates there may be a larger underlying issue.

What problem do you want to solve?

Rem and em are more accessibility-friendly than px.

What do you think is the correct solution?

The option to enable accessibility mode and warn about usage of px.

Participation

• I am willing to submit a pull request for this change.

Additional comments

I think it's very useful for improving accessibility.
https://www.a11y-collective.com/blog/what-is-rem-in-css/

[nzakas]

Thanks for the suggestion. This seems a bit too specific to be included as a general rule. (We typically don't create rules that simply disallow specific syntax.)

I think we'd be open to a rule that was a bit broader, maybe something that encouraged the use of specific font size types? So rather than just disallowing px, maybe it would look for a small set of "good" size types?

[nasty23-star]

Thank you for the clarification. Your suggestion sounds very good.