/week4-day2-javisangar

week4-day2-javisangar created by GitHub Classroom

Primary LanguageCSS

Animar background-color

A partir de una lista de colores anima la propiedad background-color de un elemento como se ve en la imagen

alt

En este ejercicio aplicaremos:

  • Listas
  • Tratar valores con y sin comillas
  • Animaciones

Lista de colores

$colours: '#ff0066', turquoise, blueviolet;

Pasar una lista como parámetro a un @mixin

Dada una lista anidada, crea las figuras de la imagen pasándole a un @mixin una lista que determinará la forma final

alt

En este ejercicio aplicaremos:

  • Variables
  • @mixin
  • Listas y listas anidadas

Lista anidada:

$squareList: 
    (1rem, 0.5rem, 2.25rem, 0),
    (0, 1.5rem, 1.25rem, 3rem);