replace-base (_base.scscs)

Tipo: Mixin

Versión: 2.x.x

Prepara un contenedor para reemplazo visual con control de tamaño, display, ocultamiento opcional de texto, posición y z-index.

Es la API base canónica para este patrón y pueden reutilizarla mixins como img-replace y normalize-svg.

Interface 

@mixin replace-base($attr: (
    width: auto,
    height: auto,
    display: block,
    ht: true,
    position: false,
    z: false
));

Si position recibe un map, reutiliza la sintaxis del mixin position. Si recibe un string, también puedes pasar las claves planas de posición en el nivel raíz del map.

Sintaxis map

Clave Tipo Default Descripción
width | w Medida auto Define la propiedad width.
height | h Medida auto Define la propiedad height.
display | d String block Define la propiedad display.
ht | hide_text Bool true Controla si se aplica el mixin ht para ocultar el texto.
position | p String | Map false Define la propiedad position o recibe un map con la sintaxis del mixin position.
x Medida 0 Define el desplazamiento horizontal cuando usas sintaxis plana.
y Medida 0 Define el desplazamiento vertical cuando usas sintaxis plana.
yaxis | ya String top Define la propiedad CSS usada para el eje Y cuando usas sintaxis plana.
xaxis | xa String left Define la propiedad CSS usada para el eje X cuando usas sintaxis plana.
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 | Bool false Define la propiedad z-index cuando recibe un valor distinto de false.

Ejemplo

SISASS 

            


            

                

            


            

                
<span class="replace_base_example">SISASS</span>