Category: CSS custom properties

CSS custom properties

CSS Custom Properties in de cascade

We gebruiken custom properties voornamelijk als variabelen. Maar je kunt er nog veel meer mee. Behalve het opslaan van waardes die je later gebruikt in de cascade, kun je ze ook gebruiken om de cascade op nieuwe manieren te manipuleren. Zo kun je slimmere componenten creëren direct binnen je CSS. Heroverweeg de tools die je hiervoor gebruikte. Dynamische stijling dat vaak berekend wordt door Javascript kan vanwege custom properties nu weer worden teruggeplaatst in je CSS.

juli 1, 2019
CSS / CSS custom properties
0

Waarom je CSS env() moet gaan gebruiken

Waarschijnlijk ben je al bekend met CSS custom properties. Het zijn variabelen in CSS. Ze zijn krachtiger dan CSS-preprocessoren, omdat je de waardes direct in de casade kunt aanpassen. Het opnieuw declareren van een custom property is mooi, maar wat als je juist wilt dat men de waarde niet aanpast? Zoals een const in JavaScript. Nou, dat is precies wat env() uiteindelijk gaat doen voor CSS. Ze heten ‘Environment Variables’. We kunnen ze nu nog niet gebruiken. Maar we kunnen ze wel namaken met behulp van een PostCSS plugin.

april 5, 2019