Variables - Lakers

Pour cet exercice, vous devrez incorporer des variables CSS dans un projet tentant de reproduire de façon minimaliste en CSS l’uniforme des Lakers de Los Angeles, la célèbre équipe de basketball 🏀.

Aperçu du résultat 👇

Matériel

Pen de départ 

Requis

  1. Créez des variables à la racine du projet à partir de toutes les couleurs hexadécimales présente dans le projet.

    Remplacez ensuite chacune des couleurs hexadécimales par les variables que vous venez de créer. (Théoriquement, votre projet ne devrait aucunement changer si vous avez bien réussi cette étape.)

  2. Lorsque l'élément .bg est survolé, redéfinissez les valeurs des variables CSS de sorte que l'uniforme devienne l'édition or, comme dans la référence ci-dessus ☝️

Bonus

  1. Faites en sorte que l'uniforme devienne l'édition blanche ⚪️ lorsque l'élément .bg reçoit le focus (quand vous cliquer dessus).

Notes de cours 📚