Mixin vendor de SISASS para la propiedad align-content.
Controla la distribución de varias filas o columnas dentro de un contenedor flex o grid cuando existe espacio disponible en el eje transversal. Aplica el prefijo histórico -webkit- y después agrega la propiedad estándar.
@mixin align-content($br: initial);| Parámetro | Tipo | Default | Descripción |
|---|---|---|---|
| br | Keyword | String | initial | Define el valor que se asignará a la propiedad align-content. |
En este ejemplo, ambos contenedores usan flex con varias filas y una altura fija. El primero agrupa las filas al inicio con flex-start. El segundo aplica space-between, por lo que reparte el espacio vertical sobrante entre las filas y hace visible la diferencia.
<div class="align_content_example">
<h3 class="subtitle">align-content: flex-start</h3>
<div class="wrap start"><span class="box">A</span><span class="box">B</span><span class="box">C</span><span class="box">D</span></div>
<h3 class="subtitle">align-content: space-between</h3>
<div class="wrap space_between"><span class="box">A</span><span class="box">B</span><span class="box">C</span><span class="box">D</span></div>
</div>