Mixin vendor de SISASS para definir display: grid con prefijos históricos.
Convierte un contenedor en un contexto grid y genera las variantes vendor históricas junto con la declaración estándar.
@mixin grid;| Parámetro | Tipo | Default | Descripción |
|---|---|---|---|
| No aplica | - | - | Este mixin no recibe parámetros. |
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 grid y define dos columnas, así que los elementos se distribuyen en una retícula.
<div class="grid_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><span class="box">D</span></div>
<h3 class="subtitle">display: grid</h3>
<div class="box_group is_grid"><span class="box">A</span><span class="box">B</span><span class="box">C</span><span class="box">D</span></div>
</div>