CSS : Variables natives dans les feuilles de style

1
1 étoile2 étoiles3 étoiles4 étoiles5 étoiles (5,00/5 - 2 vote(s))
CSS

Dans nos feuilles de style, de nombreuses valeurs sont identiques, comme par exemple des couleurs de typographie, bordures et autres éléments issues de la maquette du site web intégré. A l’instar de langages plus évolués comme le PHP, pourquoi alors ne pas proposer de variables, déclarées initialement et réutilisables à souhait, simplifiant développement et maintenance ?

Entre autres, cette limitation explique le succès de solution telles que SASS et LESS.

Mais les variables CSS, aujourd’hui à l’état de brouillon, arrivent nativement, bien que de manière sensiblement moins pratique par rapport aux produits sus-cités. On aurait donc :

:root { var-color: #666; }

#weblife { color: var(color); }

Comme visible dans l’exemple ci-dessus, la déclaration de variable nécessite l’utilisation du préfixe var-* suivi du nom qui permettra de récupérer la valeur ultérieurement à l’aide de la fonction var().

On aurait déjà envie de l’utiliser, mais il va encore falloir patienter…

Via

1 COMMENTAIRE

LAISSER UN COMMENTAIRE

Please enter your comment!
Please enter your name here