center-flex-row (_base.scscs)

Tipo: Mixin

Versión: 2.x.x

Convierte el contenedor en un layout flex con dirección de fila y centra sus hijos en ambos ejes.

Internamente aplica la dirección por defecto de fila, habilita display: flex y usa place-content: center junto con place-items: center para alinear el contenido.

Interface

@mixin center-flex-row;

Ejemplo

<div class="center_flex_row_demo">
    <div class="box"></div>
    <div class="box"></div>
</div>