math
Категория функций для работы с числовыми значениями.
get-numeric
Преобразует строковое представление числа в настоящее число.
Параметры:
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
| $value * | string | number | — | Исходное значение (число или строковое представление числа). |
Возвращаемое значение:
?number - Числовое значение или null, если переданное значение не является корректным числом.
Пример использования:
@use 'more-sass' as more;
@debug more.get-numeric('12px'); // number: 12px
@debug more.get-numeric('foo'); // null
get-unit
Получает единицу измерения переданного числа.
Параметры:
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
| $value * | string|number | — | Число или строковое представление числа, единицу измерения которого нужно получить. |
Возвращаемое значение:
?number - Число, представляющее собой базовое значение полученной единицы измерения (1px, 1em, и т.д.) или null, если переданное значение не является корректным числом.
Пример использования:
@use 'more-sass' as more;
@debug more.get-unit(12px); // number: 1px
strip-unit
Убирает единицу измерения у переданного числа.
Параметры:
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
| $value * | string|number | — | Число или строковое представление числа, у которого необходимо убрать единицу измерения. |
Возвращаемое значение:
?number - Число без единицы измерения или null, если переданное значение не является корректным числом.
Пример использования:
@use 'more-sass' as more;
@debug more.strip-unit(12px); // number: 12
with-unit
Устанавливает единицу измерения для переданного числа, не имеющего её.
Параметры:
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
| $value* | string|number | — | Исходное значение (число или строковое представление числа). |
| $unit | string | px | Единица измерения (одна из единиц измерений в CSS). |
Возвращаемое значение:
number - Переданное число, преобразованное к заданной единице измерения.
Пример использования:
@use 'more-sass' as more;
@debug more.with-unit(12); // number: 12px
@debug more.with-unit(12, 'em'); // number: 12em