===
La méthode DRY est un des concepts fondamentaux lorsqu’on souhaite simplifier notre CSS ; cette m... == Question 2 =====
Vous voulez créer deux nouveaux boutons :
* un dont les bords seront ronds ;
... se|
Choix 2. La première réponse génère deux nouveaux boutons mais ne respecte pas les principes du DRY. Vous obtenez deux nouveaux boutons mais au prix de multiples répétitions.
P
ui se met en place à mesure que l’on fait de nouveaux changements. Et, à moins d’être prévoyant et vigi... lus parlant que 10 000 mots ! Partons à la chasse aux pokémons, euh... aux répétitions !
<code html>
<body>
<h2>Différents exemples de boutons</h2>
<d... boutons :
{{css_exemple_boutons.png}}
4 boutons aux caractéristiques différentes.
Nous avons donc qu
ient du CSS via l’attribut style, puis en passant aux id et aux classes, avant de finir par vos éléments :
la chaine de priorité :
inline > id > pseudo-... de notre div ne fait plus que 10px, contrairement aux 500px établis dans notre CSS ! 😨
Mais pourquoi ?... règles de priorité : le code inline est supérieur aux autres, et il sera donc appliqué en priorité.
Pr
sass html}}
====== Améliorez vos mixins grâce aux fonctions ======
Notes et transcriptions du cour... ''%%.intro__title%%'' : elle sera donc appliquée aux éléments contenus dans ''%%.intro__title%%''. Ici... com/documentation/modules/color|uniquement dédiés aux couleurs]] ! 🎉
</note>
On appelle ces outils des... existe de nombreuses recettes préparées pour gâteaux, pour Sass c’est pareil. Sass a des fonctions pou
s condensée et concise. En ''.sass'', dites adieu aux accolades et aux points-virgules ! À la place, elle utilise uniquement des tabulations et des retours ... rarchie plus facile à lire, et regrouper des morceaux de code entre eux.
* Il existe plein de préproc
rooms.com/|Openclassrooms]].
===== Initiez-vous aux variables =====
Pour le moment, le site de Robbi... té utilisée ;
* Les mixins sont très similaires aux variables, mais au lieu de ne stocker que des val... mixins pour qu’ils s’adaptent encore plus, grâce aux fonctions ? C’est ce que nous allons découvrir da
ou la maintenance.
Le cours propose de répondre aux trois problématiques suivantes :
* Comment écr... r_mixins_via_fonctions|Améliorez vos mixins grâce aux fonctions]]
* [[240_adapter_code_a_tout_support
