CATALOGUE Code & Data Formation XHTML/CSS Maîtrisez le préprocesseur CSS : SASS Maîtriser SASS et Compass : Logique Conditionnelle et Boucles

Maîtriser SASS et Compass : Logique Conditionnelle et Boucles

Logique conditionnelle et boucles
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtrisez le préprocesseur CSS : SASS
Revoir le teaser Je m'abonne
5,0
Transcription
34,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
5,0
34,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à la Logique Conditionnelle et aux Boucles avec SASS et Compass

Objectifs

Les objectifs de cette vidéo sont :

  • Comprendre comment utiliser la logique conditionnelle dans SASS.
  • Apprendre à générer dynamiquement des classes CSS avec la boucle for.
  • Maîtriser l'utilisation des mixins pour automatiser les tâches répétitives dans CSS.

Résumé

Découvrez comment intégrer de la logique conditionnelle et utiliser les boucles dans vos fichiers SASS pour créer des styles CSS dynamiques.

Description

Dans cette leçon, nous explorons l'utilisation de la logique conditionnelle et des boucles dans SASS et Compass. Vous apprendrez à créer des mixins SASS pour définir une couleur de fond en fonction de la luminosité d'une couleur donnée. Ensuite, nous implémenterons une boucle for pour générer dynamiquement des classes CSS avec des largeurs et des couleurs de fond variables. Ces techniques permettent d'écrire moins de code manuel et d'automatiser la génération de styles complexes.

Nous couvrirons les points suivants :

  • Création de mixins SASS avec des conditions utilisant la fonction lightness.
  • Utilisation de la boucle for pour générer des classes CSS dynamiques.
  • Implémentation pratique avec un exemple de dégradé de couleur.
  • Comment ajouter des unités de mesure aux valeurs générées.

Cette leçon vous donnera les bases nécessaires pour exploiter toute la puissance de SASS et Compass dans vos projets web.

Voir plus

Questions - réponses

Quelle fonction SASS est utilisée pour vérifier la luminosité d'une couleur ?
La fonction lightness() est utilisée pour vérifier et manipuler la luminosité d'une couleur en SASS.
Comment une boucle <em>for</em> peut-elle générer des classes CSS dynamiques ?
En utilisant la boucle for de SASS, vous pouvez itérer sur une plage de valeurs pour créer des classes CSS dynamiques en générant des styles différents à chaque itération.
Quel préfixe est utilisé pour inclure un mixin en SASS ?
Le préfixe @include est utilisé pour inclure un mixin dans un fichier SASS.
1 commentaire
5,0
1 vote
5
4
3
2
1
hugo.barnas
Il y a 4 years
Commentaire
Claire et complet.