Calcula la medida que representa un porcentaje dentro de una base de referencia y devuelve el resultado con la unidad indicada.
Es la operación inversa conceptual de bp y resulta útil para recuperar una medida a partir de una proporción conocida.
@function pb($attr: ());| Clave | Tipo | Default | Descripción |
|---|---|---|---|
| base | b | Number | 1920 | Define la base de referencia usada para calcular la medida. |
| unit | u | String | "px" | Define la unidad que se concatenará al resultado final. |
| value | v | Number | 0 | Define el porcentaje que se calculará respecto a la base. |
El cálculo se realiza con la fórmula (value * base) / 100 y luego se concatena la unidad indicada en unit. Por ejemplo, con (value: 20, base: 1920, unit: "px") el resultado será 384px.
La barra roja recibe un ancho calculado con value: 20 y base: 1920. La función determina que el 20 % de la base equivale a 384px y genera width: 384px.
<div class="fn_pb"></div>