Add --name rule for keyframes to mark by -- all user-defined tokens

logux · Jun 8, 2024 · d5e143f · d5e143f
1 parent 75f7305
commit d5e143f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/index.js b/index.js
@@ -15,6 +15,12 @@ module.exports = {
     'function-disallowed-list': ['rgba', 'hsla'],
     'color-function-notation': 'modern',
     'no-irregular-whitespace': null,
+    'keyframes-name-pattern': [
+      '^--([a-z][a-z0-9]*)(-[a-z0-9]+)*$',
+      {
+        message: name => `Expected keyframe name ${name} to be --kebab-case`
+      }
+    ],
     'selector-class-pattern': null,
     'alpha-value-notation': 'number',
     'function-url-quotes': null,

diff --git a/test/example.css b/test/example.css
@@ -1,4 +1,11 @@
 .block_element.is-mod {
   display: block;
   background: oklch(0% 0 0);
+  animation: --rotating 1s linear infinite;
+}
+
+@keyframes --rotating {
+  100% {
+    rotate: 360deg;
+  }
 }