jairogarcíarincón

Solución Ejercicio 7


1.01K

Solución Ejercicio 7

En este caso y a partir del ejercicio 6 resuelto, la solución pasaría por realizar los siguientes pasos:

  • Realizar en el archivo de _variables.scss otra lista de colores para el modo oscuro
  • Añadir una función al archivo de _variables.scss que cree clases para los diferentes fondos y colores de fuentes de cada lista de colores
  • Modificar el archivo index_scss.html para que todos los elementos tengan las clases adecuadas para mostrar los fondos y los colores de fuentes adecuados
  • Añadir una función de javascript en index_scss.html que cambie los nombres de las clases en función del modo escogido
  • Añadir unos botones de cambio de modo en index_scss.html.


A continuación se presentan los archivos finales, si bien también puedes descargarte la solución completa en este enlace.

Archivo index_scss.html



Archivo _variables.scss



Archivo style_scss.scss



Archivo style_scss.css






Publicado el 21 de Mayo de 2022

csscss3sassscsslesspreprocesadores