7 Verwendungszwecke für CSS Custom Properties

Ich finde alle sieben ziemlich clever und nützlich.

Besonders gerne verwende ich benutzerdefinierte Eigenschaften, wenn man eine Variation einschleichen kann, wo man normalerweise einen ganzen großen Codeblock neu deklarieren müsste.

.some-element {
  background-color: hsla(
    var(--h, 120),
    var(--s, 50),
    var(--l, 50),
    var(--a, 1)
  );
}

.some-element.darker {
  --l: 20;
}

Schön.

Direkter Link →