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
La interpolación es algo que podemos utilizar casi en cualquier lugar de una hoja de Sass/SCSS para incrustar el resultado de una expresión SassScript en CSS, si bien su uso más común es inyectar valores en Strings. Para ello, debemos encerrar dicha expresión mediante #{ } en cualquiera de los siguientes lugares:
- Selectores en reglas de estilo
- Nombres de propiedades en declaraciones
- Valores de propiedades personalizadas
- Directivas (@)
- Herencias (@extends)
- @imports de CSS
- Strings con o sin comillas
- Funciones especiales
- Funciones de CSS
- Comentarios de tipo loud
Un ejemplo de uso en selectores:
SCSS
Sass
CSS
Y otro de uso en Strings:
SCSS
Sass
CSS
Publicado el 27 de Marzo de 2023
csscss3sassscsslesspreprocesadores