Resuelve dos dimensiones compatibles entre width, height y aspect_ratio. Requiere exactamente una de estas combinaciones: ancho y alto, ancho y relación, o alto y relación.
El mixin recibe un mapa y admite los alias documentados. Si se envía una combinación incompleta o las tres dimensiones, genera un error.
@mixin resolve-size($attr: ());| Clave | Tipo | Default | Descripción |
|---|---|---|---|
| width | w | Medida | null | Define la propiedad width cuando forma parte de una combinación válida. |
| height | h | Medida | null | Define la propiedad height cuando forma parte de una combinación válida. |
| aspect_ratio | ratio | r | Number | null | Define la propiedad CSS aspect-ratio cuando forma parte de una combinación válida. |
Los tres elementos obtienen el mismo ancho y alto final mediante tres combinaciones diferentes: el primero recibe width y height, el segundo recibe width y aspect_ratio, y el tercero recibe height y aspect_ratio. El resultado permite comprobar que resolve-size calcula las dimensiones equivalentes a partir de cualquiera de esas parejas válidas.
<div class="resolve_size_example_width_height box">width + height</div>
<div class="resolve_size_example_width_ratio box">width + ratio</div>
<div class="resolve_size_example_height_ratio box">height + ratio</div>