Benutzerdefinierte CSS-Klasse mit Tailwind-Varianten ⇐ CSS

[Anonymous]

Mir ist auf einer Website aufgefallen, dass es eine Klasse „Bordershadow“ gibt. Jetzt ist diese Klasse nicht in den Tailwind-Klassen aufgeführt.
Eine Besonderheit dieser Klasse ist, dass sie verschiedene Varianten haben kann und eine Farbklasse zu akzeptieren scheint. Z.B. bordershadow-red-500. Die Farbvariable scheint eine bestimmte Farbe zu ändern.
Angenommen, wir haben bordershadow-red-500, die CSS-Definition dafür lautet:

Code: Select all

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

Es kann Varianten wie hover:bordershadow-green-500 akzeptieren
Wie heißt das und wie definiert man eine solche Klasse?