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, la solución pasaría por realizar los siguientes pasos:
- Crear los archivos style_scss.scss y _variables.scss
- Modificar el archivo index.html (llamándolo index_scss.html) para que enlace al archivo style_scss.css que se generará a partir de lo anteriores
- A partir del archivo style.css original, ir creando las diferentes variables y estilos para optimizar los posibles cambios posteriores de colores, fuentes o tamaños.
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