1988864 - Add a Stylelint rule to enforce using box-shadow tokens

Status: RESOLVED FIXED

(Developer Infrastructure :: Lint and Formatting, task)

Description

[Hanna Jones [:hjones]]

We should add a Stylelint rule to enforce only using --box-shadow-* tokens for any box-shadow properties in CSS and SCSS files. These values are complex and won't be autofixable. This work will include documentation, tests, and adding an entry to our rollouts file, but will not include expanding our token offerings or fixing any existing errors.

Comment 1

[Jon Oliver]

Attachment: Bug 1988864 - add box-shadow stylelint rule r=#reusable-components-reviewers-rotation

• Add use-box-shadow-tokens stylelint rule
• Add tests for use-box-shadow-tokens rule
• Add docs for use-box-shadow-tokens rule
• Update stylelint rollouts with exclusions for use-box-shadow-tokens rule

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/9ac0c56f0e8c
https://hg.mozilla.org/integration/autoland/rev/d8b54c0354cb
add box-shadow stylelint rule r=frontend-codestyle-reviewers,hjones

Comment 3

[pstanciu]

https://hg.mozilla.org/mozilla-central/rev/d8b54c0354cb