Les variables et les groupes des variables

1-Variables

Les variables permettent de définir des valeurs identifiées par un nom et ils sont utilisées dans toutes les déclarations de CSS ce qui permet de faciliter la mise à jour d'une propriété en passant par son variable.

En général les variables ajoutent de la flexibilité au code du Template, chaque variable doit définir 5 attribues définis comme suit:

<Variable name="nom de la variable" description="la description du variable" type="le type de la variable" default="la valeur par défaut qui prend la variable " value="la valeur actuelle de la variable"/>.

L'attribut peut prendre plusieurs valeurs définis :

• Font: permet de modifier les polices de caractères.
• Color:
• Automatic:
• url:
• background:
• length:
• string:

1-1 Exemple

Soit le code CSS suivant:

body{

background-color: #CCCCCC;

}

et la variable suivante

<Variable name="CouleurFond" description ="la couleur de l'arrière plan de la page" type"color"
 default=" #CCCCCC; " value=" #CCCCCC" />

On reprend le code CSS en appelant la variable "CouleurFond" :

body{

background-color: $( CouleurFond);

}