normalize-svg (_base.scscs)

Tipo: Mixin

Versión: 2.x.x

Normaliza estilos para elementos que representen un recurso SVG dentro de la interfaz.

Es un wrapper especializado sobre replace-base para el flujo de SVG. Su valor está en ofrecer una configuración predeterminada útil para trabajar junto a icon-svg, y el bloque position se resuelve con el mixin position.

Interface

@mixin normalize-svg($attr: (
    width: auto,
    height: auto,
    position: (
        position: relative,
        y: 0,
        x: 0,
        yaxis: top,
        xaxis: left,
        top: null,
        right: null,
        bottom: null,
        left: null,
        z: 2
    ),
    display: block,
    ht: true
));

Equivale a usar replace-base con position: (position: relative, z: 2), display: block y ht: true como valores base. El bloque position se resuelve con el mixin position y conserva sus valores por defecto al sobrescribir solo una clave.

Sintaxis map

Clave	Tipo	Default	Descripción
width \| w	Medida	auto	Define la propiedad width.
height \| h	Medida	auto	Define la propiedad height.
position \| p	Map	(position: relative, z: 2)	Configura la posición del contenedor y permite sobrescribir el bloque anidado con la sintaxis del mixin position.
display \| d	String	block	Define la propiedad display.
ht	Bool	true	Controla si se aplica el mixin ht para ocultar el texto.

Ejemplo

<span class="normalize_svg_example"></span>