Tailwind-CSS-Klassen schlagen beim HTML-Validieren des Kebabcase-Musters fehl [geschlossen] ⇐ HTML

[Anonymous]

Titel: Wie konfiguriere ich das HTML-Validate-Klassenmuster für Tailwind CSS?
Ich verwende HTML-Validate mit dem Kebabcase-Muster in meinem Hugo-Projekt, aber
Tailwind-Klassen schlagen bei der Validierung fehl:

• h-[76px] (willkürliche Werte)
• top-1/2 (Brüche)
• right-2.5 (Dezimalzahlen)
• -translate-y-1/2 (negative Werte)

Wie erstelle ich ein Regex-Muster, das Tailwind-Syntax zulässt und gleichzeitig Kebabcase für benutzerdefinierte Klassen erzwingt?
Aktuelle Konfiguration:

Code: Select all

{
"extends": [
"html-validate:recommended"
],
"rules": {
"parser-error": "off",
"class-pattern": [
"error",
{
"pattern": "kebabcase"
}
],
"no-dup-class": "error",
"valid-id": "error",
"no-dup-id": "error",
"attr-spacing": "off",
"doctype-style": "off",
"long-title": "off",
"no-inline-style": "off",
"require-sri": "off",
"no-unknown-elements": "off",
"no-implicit-close": "off",
"void-style": "off"
}
}