Пользовательский класс CSS с вариантами Tailwind ⇐ CSS

[Anonymous]

На одном веб-сайте я заметил наличие класса bordershadow. Теперь этот класс не указан в классах Tailwind.
Одна уникальная особенность этого класса заключается в том, что он может иметь различные варианты и, похоже, принимает класс цвета. Например. bordershadow-red-500. Кажется, что переменная цвета меняет определенный цвет.
Итак, в качестве примера, скажем, у нас есть bordershadow-red-500, определение CSS для этого:

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

.bordershadow-red-500 {
box-shadow: var(--colors-custom-1) 0 0 0 0, var(--colors-custom-1) 0 0 0 0,
var(--colors-custom-8) 0 1px 1px 0, RED_500_COLOR_INSERTED_HERE 0 0 0 1px, var(--colors-custom-1) 0 0 0 0,
var(--colors-custom-1) 0 0 0 0, rgb(64 68 82/8%) 0 2px 5px 0;
}

Он может принимать такие варианты, как hover:bordershadow-green-500
Как это называется и как определить такой класс.>

Подробнее здесь: https://stackoverflow.com/questions/755 ... d-variants