Scss — px in em. Миксин из пикселей в емы.

Создать миксин для перевода пикселей в em в SCSS достаточно просто.

// Миксин для перевода пикселей в em
@mixin pxToEm($size, $base: 16) {
  font-size: ($size / $base) * 1em;
}

// Пример использования миксина
p {
  @include pxToEm(18); // Устанавливаем размер шрифта 18px в em
}

В этом примере мы создали миксин с именем pxToEm, который принимает два аргумента: $size — размер в пикселях, который нужно перевести в em, и $base — базовый размер шрифта (по умолчанию 16 пикселей).

Миксин выполняет простую операцию деления размера шрифта на базовый размер и умножает результат на 1em, чтобы получить значение в em.

В примере использования, мы применяем его к селектору p с размером шрифта 18 пикселей.

Миксин автоматически переведет это значение в em и сгенерирует соответствующий CSS:

p {
  font-size: 1.125em;
}