background-opacity (_base.scscs)

Tipo: Mixin

Versión: 2.x.x

Genera un color de fondo con opacidad usando sintaxis moderna rgb(... / alpha) o rgba(...). Soporta dos formas de uso: parámetros individuales o sintaxis map.

Cuando use_legacy es false, el mixin genera una salida moderna con canales RGB y alpha. Cuando es true, genera rgba(...) como valor final de background-color. En sintaxis map también admite los aliases c, o y ul.

Interface

@mixin background-opacity($bg: #FFF, $opacity: 0.8, $use_legacy: false);

Sintaxis alternativa (map)

@include background-opacity((
    color: #FFF,
    opacity: 0.8,
    use_legacy: false
));

Valores por defecto: #FFF, 0.8, false.

Parámetros secuenciales

Parámetro	Tipo	Default	Descripción
bg	Color	#FFF	Define el color base usado para generar background-color.
opacity	Number	0.8	Define el nivel de opacidad aplicado al color de fondo.
use_legacy	Bool	false	Define si el valor final usa rgba(...) en lugar de sintaxis moderna RGB con alpha.

Sintaxis map

Clave	Tipo	Default	Descripción
color \| c	Color	#FFF	Define el color base usado para generar background-color.
opacity \| o	Number	0.8	Define el nivel de opacidad aplicado al color de fondo.
use_legacy \| ul	Bool	false	Define si el valor final usa rgba(...) en lugar de sintaxis moderna RGB con alpha.

Ejemplo

<div class="background_opacity_example_legacy"></div>
<div class="background_opacity_example_map"></div>