Есть 2 варианта, которые я могу придумать.
1: функция CSS calc ()
$select-height: calc(.75rem + 2px);
2: Конвертировать px в rem
@function rem($px, $base: 16) {
@return $px / $base;
};
$select-height: #{.75 + rem(2)}rem;
Предполагается, что 16px является основой для ваших единиц rem, которые вы можете изменить, передав второй аргумент в вызов rem.Разборка блоков заставляет работать математику.Кроме того, вы можете использовать аналогичную функцию для преобразования вашего rem в px, переключая деление с умножением.Вы можете затем преобразовать все это обратно в rem.Но это самый простой метод, который я знаю, если вы выполняете математику rem-to-px.
Если бы у вас была другая переменная для вашего базового размера в пикселях, вы могли бы запустить функцию стрип-единиц следующим образом:
@function strip-units($value) {
@return $value / ($value * 0 + 1);
};