capibara DevDocs
  • Inicio icon Inicio
    • React icon React Angular icon Angular Astro icon Astro Bootstrap icon Bootstrap Tailwind CSS icon Tailwind CSS Sass icon Sass TypeScript icon TypeScript
    • Spring Boot icon Spring Boot Jakarta EE icon Jakarta EE New Apache Commons icon Apache Commons New Apache POI icon Apache POI New Thymeleaf icon Thymeleaf
    • Bash Scripting icon Bash Scripting New Jenkins icon Jenkins New Kafka icon Kafka New Docker icon Docker New Kubernetes icon Kubernetes New
  1. Home
  2. Sass


  • ¿Qué es SASS?
  • Características principales
  • Ventajas frente a CSS tradicional
  • Instalación y configuración

  • SASS vs SCSS
  • Uso de llaves y punto y coma
  • Variables en SASS

  • Anidamiento de selectores
  • Partials y la directiva @import
  • Uso de Mixins

  • Funciones integradas en SASS
  • Creación de funciones personalizadas
  • Operaciones matemáticas

  • Funciones de color
  • Manipulación de colores
  • Uso de paletas de colores

  • Condicionales (if, if-else)
  • Bucles (for, while)
  • Uso de la directiva @each

  • Estructura de carpetas
  • Separación de estilos
  • Uso de variables globales

  • Minificación de archivos CSS
  • Uso de SASS en producción
  • Mejores prácticas de rendimiento

  • Uso de SASS con frameworks como Bootstrap
  • Integración con herramientas de construcción (Webpack, Gulp)
  • Uso de SASS en proyectos de React

  • Documentación oficial de SASS
  • Ejemplos y plantillas
  • Comunidad y soporte