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
    ),
    display: block,
    z: 2,
    ht: true
));

Equivale a usar replace-base con position: relative, z: 2, display: block y ht: true como valores base. Por compatibilidad, también puedes pasar las claves de posición en el nivel raíz del map, incluidas top, right, bottom y left.

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 String | Map relative Define la propiedad position o recibe un map con la sintaxis del mixin position.
x Medida 0 Define el desplazamiento horizontal.
y Medida 0 Define el desplazamiento vertical.
yaxis | ya String top Define la propiedad CSS usada para el eje Y.
xaxis | xa String left Define la propiedad CSS usada para el eje X.
top | t Medida null Define la propiedad top cuando usas sintaxis plana.
right | r Medida null Define la propiedad right cuando usas sintaxis plana.
bottom | b Medida null Define la propiedad bottom cuando usas sintaxis plana.
left | l Medida null Define la propiedad left cuando usas sintaxis plana.
z Number 2 Define la propiedad z-index.
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>