Html-validate шаблон класса: как разрешить синтаксис CSS Tailwind при соблюдении кебаб-кебаба? ⇐ Html

[Anonymous]

Я использую html-validate в своем проекте Hugo с применением кебаб-кебаба, но классы CSS Tailwind не проходят проверку:
Классы с ошибкой:

• Код: Выделить всё

  h-[76px]

  (произвольные значения в скобках/обратной косой черте)

• Код: Выделить всё

  top-1/2

  (дроби)

• Код: Выделить всё

  right-2.5

  (десятичные числа)

• Код: Выделить всё

  -translate-y-1/2

  (отрицательные значения с дефисом в начале)

• Код: Выделить всё

  text-[001C3F]

  (произвольные шестнадцатеричные цвета)

Текущая конфигурация:

Код: Выделить всё

{
"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"
}
}

Вывод ошибки:

Код: Выделить всё

/home/Kevindodiya75/bytelogik_shop/layouts/index.html
3:17  error  class "h-[76px]" does not match the configured pattern "kebabcase"          class-pattern
5:30  error  class "text-[001C3F]" does not match the configured pattern "kebabcase"     class-pattern
18:33  error  class "right-2.5" does not match the configured pattern "kebabcase"         class-pattern
18:43  error  class "top-1/2" does not match the configured pattern "kebabcase"           class-pattern
18:61  error  class "-translate-y-1/2" does not match the configured pattern "kebabcase"  class-pattern

✖ 5 problems (5 errors, 0 warnings)

Что я пробовал:

• Использование шаблона «кебабкейс» по умолчанию (не работает в синтаксисе Tailwind, как показано выше)
• Полное отключение правила (работает, но теряется вся проверка имени класса)

Что Мне нужно: шаблон регулярного выражения, который позволяет использовать специальный синтаксис Tailwind (скобки, косые черты, десятичные дроби, экранированные символы, ведущие тире), сохраняя при этом соблюдение регистра кебаба для моих пользовательских классов, ИЛИ руководство по лучшим практикам использования html-validate с Tailwind CSS.

Подробнее здесь: https://stackoverflow.com/questions/798 ... forcing-ke