@vegastack/design-tokens 0.7.0 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/base.css +5 -2
- package/package.json +1 -1
package/dist/base.css
CHANGED
|
@@ -140,9 +140,12 @@
|
|
|
140
140
|
* Users who set `prefers-reduced-motion: reduce` MUST have animations and transitions neutralised
|
|
141
141
|
* even over component-authored durations; `!important` is the standard, intentional mechanism for
|
|
142
142
|
* this reset (it has to win against any animated rule, including ones defined later or with higher
|
|
143
|
-
* specificity). This is the SOLE
|
|
143
|
+
* specificity). This is the SOLE hand-written `!important` in the token CSS, and
|
|
144
144
|
* `design-lint --token-css` FAILS on any `!important` outside this block. Do not add `!important`
|
|
145
|
-
* to win a specificity fight elsewhere; restructure the selector or token instead.
|
|
145
|
+
* to win a specificity fight elsewhere; restructure the selector or token instead. (Component
|
|
146
|
+
* class strings are a separate ledger: Tailwind's `!` modifier compiles to `!important` too, and
|
|
147
|
+
* `design-lint`'s `important` rule allows it only in the counted, upstream-verbatim cases listed
|
|
148
|
+
* in its `IMPORTANT_MODIFIER_EXEMPTIONS`.)
|
|
146
149
|
* ──────────────────────────────────────────────────────────────────────────────────────────────*/
|
|
147
150
|
@media (prefers-reduced-motion: reduce) {
|
|
148
151
|
*,
|