Mixing percentual and pixel values in $container-max-widths
Created by: mspae
Given this variable override value:
$container-max-widths: map-merge(
(
sm: 100%,
md: 90%,
lg: 90%,
xl: 1440px,
),
$container-max-widths
);
The _assert-ascending
function fails because px and percent values are not comparable.
Maps which only contain percentages work, because of this fix https://github.com/twbs/bootstrap/pull/26689 – However this does not work if the map contains both types.
I believe this is a valid (and common) use case: There should be a maximum size for the container from a certain viewport width onward, before then the container should be flexible.
Conversely it could be possible that the container should turn into a percentual width from a certain viewport width onward.