SASS¶

Sass es un lenguaje de script que es interpretado en CSS. Saas extiende CSS ofreciendo varios mecanismos disponibles en los lenguajes de programación tradicionales y que no están disponibles para CSS.

Como ejemplo, el siguiente código en SCSS

$blue: #3bbfce;
$margin: 16px;
.content-navigation {
  border-color: $blue;
  color: darken($blue, 10%);
}
.border {
  padding: $margin / 2;
  margin: $margin / 2;
  border-color: $blue;
}

se convierte al CSS:

.content-navigation {
  border-color: #3bbfce;
  color: #2b9eab;
}
.border {
  padding: 8px;
  margin: 8px;
  border-color: #3bbfce;
}

Última actualización: August 15, 2021