por qué scss / sass

• CSS: la hoja de estilo en cascada es básicamente el lenguaje de programación. CSS se utiliza para diseñar páginas web.
  CSS son las tecnologías web más importantes que se utilizan ampliamente junto con HTML y JavaScript. CSS tiene la extensión de archivo .css .
• SCSS: Syntactically Awesome Style Sheet es el superconjunto de CSS. SCSS es la versión más avanzada de CSS. Debido a sus características avanzadas, a menudo se lo denomina Sassy CSS. SCSS tiene la extensión de archivo .scss .

2) variable: las
propiedades personalizadas de CSS , también conocidas como variables de CSS, tienen una sintaxis de declaración inusual: permiten casi cualquier texto en sus valores de declaración. Además, esos valores son accesibles para JavaScript, por lo que cualquier valor podría ser potencialmente relevante para el usuario. Esto incluye valores que normalmente se analizarían como SassScript.

Debido a esto, Sass analiza las declaraciones de propiedad personalizadas de manera diferente a otras declaraciones de propiedad. Todos los tokens, incluidos los que se parecen a SassScript, se pasan a CSS tal cual. La única excepción es la interpolación , que es la única forma de inyectar valores dinámicos en una propiedad personalizada.