jairogarcíarincón

Solución Ejercicio 1

1.50K
Solución Ejercicio 1
15/06/2021

Contenidos

  1. Introducción a los pre-procesadores
  2. Instalación
  3. Configuración
  4. Evaluación Bloque 1
  5. Solución Evaluación Bloque 1
  6. Sintaxis y reglas
  7. Variables
  8. Operadores
  9. Tipos de datos
  10. Evaluación Bloque 2
  11. Solución Evaluación Bloque 2
  12. Ejercicio 1
  13. Solución Ejercicio 1
  14. Ejercicio 2
  15. Solución Ejercicio 2
  16. Funciones
  17. Interpolado
  18. Reglas y directivas básicas
  19. Directivas de control y heredadas
  20. Evaluación Bloque 3
  21. Solución Evaluación Bloque 3
  22. Ejercicio 3
  23. Solución Ejercicio 3
  24. Ejercicio 4
  25. Solución Ejercicio 4
  26. Ejercicio 5
  27. Solución Ejercicio 5
  28. Ejercicio 6
  29. Solución Ejercicio 6
  30. Ejercicio 7
  31. Solución Ejercicio 7

Solución Ejercicio 1

Se adjunta una imagen de cómo debería ser la solución el caso de CSS puro (en el resto, a nivel visual solo cambiaría el título):



Puedes descargarte el proyecto completo o comprobar los diferentes archivos a continuación con tu solución:

Archivo index.html de ejemplo para css puro:



Archivo index_sass.html:



Archivo index_scss.html:




Archivo css/style.css:




Archivo sass/style_sass.sass:




Archivo scss/style_scss.scss:




Archivo compilado css/style_sass.css:




Archivo compilado css/style_scss.css:

Publicado el 27 de Marzo de 2023

csscss3sassscsslesspreprocesadores

Anterior
Siguiente