Mixin vendor de SISASS para la propiedad align-items.
Define la alineación de los elementos en el eje transversal de un contenedor flex o grid. Aplica el prefijo histórico -webkit- y después agrega la propiedad estándar.
@mixin align-items($br: initial);| Parámetro | Tipo | Default | Descripción |
|---|---|---|---|
| br | Keyword | String | initial | Define el valor que se asignará a la propiedad align-items. |
En este ejemplo, ambos contenedores usan flex en fila con una altura fija. El segundo aplica el valor center, por lo que centra verticalmente los elementos y permite comparar ese comportamiento frente al valor inicial.
<div class="align_items_example">
<h3 class="subtitle">Valor inicial</h3>
<div class="row"><span class="box">A</span><span class="box">B</span></div>
<h3 class="subtitle">align-items: center</h3>
<div class="row center"><span class="box">A</span><span class="box">B</span></div>
</div>