jairogarcíarincón
15/06/2021
Contenidos
- Introducción a los pre-procesadores
- Instalación
- Configuración
- Evaluación Bloque 1
- Solución Evaluación Bloque 1
- Sintaxis y reglas
- Variables
- Operadores
- Tipos de datos
- Evaluación Bloque 2
- Solución Evaluación Bloque 2
- Ejercicio 1
- Solución Ejercicio 1
- Ejercicio 2
- Solución Ejercicio 2
- Funciones
- Interpolado
- Reglas y directivas básicas
- Directivas de control y heredadas
- Evaluación Bloque 3
- Solución Evaluación Bloque 3
- Ejercicio 3
- Solución Ejercicio 3
- Ejercicio 4
- Solución Ejercicio 4
- Ejercicio 5
- Solución Ejercicio 5
- Ejercicio 6
- Solución Ejercicio 6
- Ejercicio 7
- 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.
Publicado el 29 de Mayo de 2023
csscss3sassscsslesspreprocesadores