Buscar..


Convertir px a (r) em

Para convertir px en em o rem puede usar la siguiente función:

@function rem-calc($size, $font-size : $font-size) {
    $font-size: $font-size + 0px;
    $remSize: $size / $font-size;
    @return #{$remSize}rem;
}

@function em-calc($size, $font-size : $font-size) {
    $font-size: $font-size + 0px;
    $remSize: $size / $font-size;
    @return #{$remSize}em;
}

El $font-size es el tamaño de fuente original.

Por ejemplo:

$font-size: 14;

body {
  font-size: #{$font-size}px;
  font-size: rem-calc(14px); // returns 1rem
  // font-size: rem-calc(28); // returns 2rem
}


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow