Jawn

# Le ROOT, kezako ? - Sam 4 Mar - 14:53
Vous l'avez peut-être déjà vu passer sur des libres-services, mais le root, c'est quoi ?
C'est une sorte de banque de données de couleurs, qui centralise toutes les informations au même endroit.
Prenons un exemple concret. Vous voulez faire une mise à jour mais vous vous rendez-compte que vous avez huit teintes de rouges, trois de gris, et que franchement, les changer une par une quand vous faites une mise à jour, c'est l'enfer sur Terre. Point de panique, le root est là pour vous simplifier la tâche.
Vous allez pouvoir renseigner dans votre CSS :
Exemple :
Vous voulez mettre le texte du votre page d'accueil dans cette merveilleuse couleur rouge bordeaux renseignée dans votre root. Le code se présentera ainsi :
En faisant ceci, les mises à jour sont un peu plus rapides, car vous n'avez qu'à changer la valeur renseignée dans le root. Exemple, vous voulez changer tous les rouges bordeaux en vert ? Rien de plus simple, il vous suffit de changer le code couleur qui correpond à "rouge1". Ainsi :
Et tous les endroits qui ont la variable "var(--rouge1)" prendront donc la nouvelle couleur renseignée.
Et voilà, fini les mises à jour interminables à traquer toutes les couleurs manquantes, maintenant ça prendra beaucoup moins de temps !
Enjoy
C'est une sorte de banque de données de couleurs, qui centralise toutes les informations au même endroit.
Prenons un exemple concret. Vous voulez faire une mise à jour mais vous vous rendez-compte que vous avez huit teintes de rouges, trois de gris, et que franchement, les changer une par une quand vous faites une mise à jour, c'est l'enfer sur Terre. Point de panique, le root est là pour vous simplifier la tâche.
Vous allez pouvoir renseigner dans votre CSS :
- Code:
:root
--rouge1:#512c2c;
--rouge2:#bb2b2b;
--noir:#000000; {
}
Exemple :
Vous voulez mettre le texte du votre page d'accueil dans cette merveilleuse couleur rouge bordeaux renseignée dans votre root. Le code se présentera ainsi :
- Code:
color:var(--rouge1);
- Code:
background:var(--rouge1);
En faisant ceci, les mises à jour sont un peu plus rapides, car vous n'avez qu'à changer la valeur renseignée dans le root. Exemple, vous voulez changer tous les rouges bordeaux en vert ? Rien de plus simple, il vous suffit de changer le code couleur qui correpond à "rouge1". Ainsi :
- Code:
--rouge1:#512c2c;
- Code:
--rouge1:#2bbb77;
Et tous les endroits qui ont la variable "var(--rouge1)" prendront donc la nouvelle couleur renseignée.
Et voilà, fini les mises à jour interminables à traquer toutes les couleurs manquantes, maintenant ça prendra beaucoup moins de temps !
Enjoy

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|