Mixin vendor de SISASS para la propiedad justify-items.
Define la alineación horizontal predeterminada de los elementos dentro de sus áreas en un contenedor de grid. Aplica el prefijo histórico -webkit- y después agrega la propiedad estándar.
@mixin justify-items($br: initial);| Parámetro | Tipo | Default | Descripción |
|---|---|---|---|
| br | Keyword | String | initial | Define el valor que se asignará a la propiedad justify-items. |
En este ejemplo, ambos contenedores usan grid con celdas amplias. El segundo aplica el valor end, por lo que desplaza cada elemento hacia el extremo horizontal de su celda y hace visible la diferencia frente al comportamiento inicial.
<div class="justify_items_example">
<div><p class="demo_title">Valor inicial</p><div class="grid"><span class="box">A</span><span class="box">B</span></div></div>
<div><p class="demo_title">justify-items: end</p><div class="grid end"><span class="box">A</span><span class="box">B</span></div></div>
</div>