Tuto CSS-SASS

Les variables css

Comment créer et utiliser une variable CSS? Le concept de variable CSS est relativement récent et vas faciliter grandement la tâche des développeurs et intégrateurs web. En effet si une propriété CSS est partagés par plusieurs parties d'un site web, il suffira de la déclarer dans une variable et de réutiliser cette variable à chaque fois que cela est nécessaire. Si on veut changer cette propriété il suffira de modifier la déclaration de la variable pour voir la modification se répercuter sur l'ensemble de la feuille de style.

Déclarer une variable CSS

/*nom et valeur de la variable*/
:root {
  --nom-de-variable: 18px;
}

Utiliser une variable CSS

<!--Code HTML-->
<div class="test-variable">Ce texte aura une police de 18 pixels</div>

/*Code CSS*/
.test-variable {
  font-size: var(--nom-de-variable);
}