erezwusb

Existe en Sass la función transparentize() para convertir un color en transparente, pero esta tiene un par de mejoras:

  • Tiene un nombre más corto y totalmente descriptivo
  • Se pueden usar tanto porcentajes como unidades decimales entre 0 y 1.
// Return an alpha color
@function alpha($color, $opacity) {
@if unit($opacity) == "%" {
@return transparentize($color, $opacity / 100%);
}

@return transparentize($color, $opacity);
}

Uso:

div {
background-color: alpha(orange, 60%);
}