rem-calc

Description

Function that coverts a rem value from a px or em value.

SCSS Usage

rem-calc($value)

Where $value can be a number, a px value or a em value.

And so, in SCSS:

_component.scss
.foo {
  padding-left: rem-calc(32px);
}

.bar {
  padding-left: rem-calc(20);
}

.baz {
  padding-left: rem-calc(1.2em);
}

Output

app.css
.foo {
  padding-left: 2rem;
}

.bar {
  padding-left: 1.25rem;
}

.baz {
  padding-left: 1.2rem;
}