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

Author: ai

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,

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;
+  }
 }