Mixin vendor de SISASS para la propiedad flex-basis.
Define el tamaño base inicial de un elemento flex antes de repartir el espacio disponible en el contenedor. Aplica el prefijo histórico -webkit- y después agrega la propiedad estándar.
@mixin flex-basis($br: auto);| Parámetro | Tipo | Default | Descripción |
|---|---|---|---|
| br | Size | Keyword | String | auto | Define el valor que se asignará a la propiedad flex-basis. |
En este ejemplo, ambos contenedores usan flex en fila con ajuste de línea y un ancho fijo. El primero mantiene el tamaño base automático, por lo que los tres elementos caben en una sola fila. El segundo aplica flex-basis: 140px a cada elemento, así que cada caja reserva más espacio horizontal y el último elemento salta a una nueva línea.
<div class="flex_basis_example">
<h3 class="subtitle">flex-basis: auto</h3>
<div class="row"><span class="box">A</span><span class="box">B</span><span class="box">C</span></div>
<h3 class="subtitle">flex-basis: 140px</h3>
<div class="row fixed_basis"><span class="box">A</span><span class="box">B</span><span class="box">C</span></div>
</div>