flex (_vendor.scscs)

Tipo: Mixin

Versión: 2.x.x

Mixin vendor de SISASS para definir display: flex con prefijos históricos.

Convierte un contenedor en un contexto flex y genera las variantes vendor históricas junto con la declaración estándar.

Interface

@mixin flex;

Parámetros secuenciales

Parámetro	Tipo	Default	Descripción
No aplica	-	-	Este mixin no recibe parámetros.

Ejemplo

En este ejemplo, el primer contenedor conserva el flujo normal del documento, por lo que los elementos se apilan uno debajo del otro. El segundo aplica @include flex, así que los elementos pasan a distribuirse en una fila flex.

Flujo normal

ABC

display: flex

ABC

<div class="flex_example">
    <h3 class="subtitle">Flujo normal</h3>
    <div class="box_group"><span class="box">A</span><span class="box">B</span><span class="box">C</span></div>
    <h3 class="subtitle">display: flex</h3>
    <div class="box_group is_flex"><span class="box">A</span><span class="box">B</span><span class="box">C</span></div>
</div>