Différences

Ci-dessous, les différences entre deux révisions de la page.

--- issue88:command_conquer [2015/01/19 16:13] – [3] auntiee
+++ issue88:command_conquer [2015/01/19 17:06] (Version actuelle) – [8] auntiee
@@ Ligne 68: / Ligne 68: @@
 Mixins
-Les mixins sont essentiellement des macros, ou des fonctions, qui ne font aucun calcul, mais transforment plutôt une ligne SASS en plusieurs lignes CSS. Un premier exemple est l'utilisation des dégradés CSS. Comme c'est une fonctionnalité mise en œuvre de façon différente par presque chaque navigateur, elle nécessite de nombreuses lignes de code pour assurer que le dégradé apparaît dans tous les navigateurs qui le supportent. Un mixin SASS que j'utilise à cette fin ressemble à l'exemple de la page suivante, en haut.
+Les mixins sont essentiellement des macros, ou des fonctions, qui ne font aucun calcul, mais transforment plutôt une ligne SASS en plusieurs lignes CSS. Un bel exemple est l'utilisation des dégradés CSS. Comme c'est une fonctionnalité mise en œuvre de façon différente par presque chaque navigateur, elle nécessite de nombreuses lignes de code pour assurer que le dégradé apparaît dans tous les navigateurs qui le supportent. Un mixin SASS que j'utilise à cette fin ressemble à l'exemple en haut de la page suivante.
 Oui, cela ressemble à du charabia. Cependant, le deuxième background: line peut être ignoré si vous ne voulez pas utiliser un fond de couleur SVG dans IE9. Tout le reste est commenté pour indiquer quelle version du navigateur cela supporte, et les couleurs fournies dans les paramètres du mixin assurent que chaque gradient se ressemble. C'est le mixin défini - ainsi, vous n'avez à le saisir qu'une seule fois. Je place généralement les variables, fonctions et mixins en haut du fichier SASS, mais  cela n'a pas vraiment d'importance.
@@ Ligne 127: / Ligne 127: @@
 Mathématiques
-SASS ajoute également des options pour utiliser les opérateurs mathématiques (tels que *, +, /, -). Vous devez toujours définir les unités de vos nombres, ou bien utiliser une fonction pour s'assurer que SASS sait quelle unité utiliser. Sinon, cela se traduira par un CSS valide (par exemple width: 150, au lieu de width: 150px).
+SASS ajoute également des options pour utiliser les opérateurs mathématiques (tels que *, +, /, -). Vous devez toujours définir les unités de vos nombres, ou bien utiliser une fonction pour vous assurer que SASS sait quelle unité utiliser. Sinon, cela se traduira par un CSS valide (par exemple width: 150, au lieu de width: 150px).
 Héritage
@@ Ligne 177: / Ligne 177: @@
 @**
-Si vous recherchez un environnement SASS compatible avec diverses fonctionnalités utiles (par exemple une grille, un accordéon, un carrousel, etc.), j'ai utilisé l'environnement de la fondation Zurb à quelques reprises. Sinon, si vous préférez utiliser votre propre code CSS, il pourrait être temps de le convertir en SASS, pour apporter les futures modifications plus rapidement. Et en utilisant les articles de C&C des numéros 84 à 87, vous pouvez créer un dépôt git avec un système grunt configuré pour héberger votre nouvel environnement SASS.
+Si vous recherchez un environnement SASS compatible avec diverses fonctionnalités utiles (par exemple une grille, un accordéon, un carrousel, etc.), j'ai utilisé l'environnement de la fondation Zurb à quelques reprises. Sinon, si vous préférez utiliser votre propre code CSS, le moment est peut-être venu de le convertir en SASS, pour apporter les futures modifications plus rapidement. Et en utilisant les articles de C&C des numéros 84 à 87, vous pouvez créer un dépôt git avec un système grunt configuré pour héberger votre nouvel environnement SASS.
 Si quelqu'un a des problèmes, des questions, des corrections ou des demandes, je vous encourage vivement à m'envoyer un courriel rapide à lswest34+fcm@gmail.com.