Dans le cadre de cet exercice, vous devez recréer la palette de couleur Pink Paradise afin de présenter les 20 tons de rose disponibles chez un fabricant de peinture. Pour ce faire vous aurez besoin d’une boucle Scss.

Aperçu du résultat 👇

Matériel

Couleurs 🎨

Pink Paradise rgba(239, 71, 111, 1)

Requis

  1. À l'intérieur de l'élément .sample, créez-vous une boucle permettant de cibler chacun des 20 .sample de la palette.

  2. À l'intérieur de cette boucle, remplacez la couleur de fond noire par Pink Paradise. Remplacez ensuite son alpha de sorte qu'il s'incrémente de 5% par itération de boucle. Autrement dit, les premiers .sample devraient avoir une opacité de 0.05, 0.10, 0.15 … jusqu'à 1.00.