convert sass px to rem

html-hacker answered on October 5, 2021 Popularity 8/10 Helpfulness 5/10

answer convert sass px to rem

related sass function convert px to rem

Comment

Tip Html-hacker 1 GREPCC

sass px to rem

@function toRem($value) {
    $remValue: ($value / 16) + rem; 
    @return $remValue;
}

div {
    width: toRem(400);
    height: toRem(400);
}

xxxxxxxxxx

@function toRem($value) {

    $remValue: ($value / 16) + rem;

    @return $remValue;

div {

    width: toRem(400);

    height: toRem(400);

Popularity 8/10 Helpfulness 5/10 Language whatever

Source: dev.to

Tags: ppx sass whatever

Link to this answer
Share Copy Link

Contributed on Feb 07 2023

html-hacker

0 Answers Avg Quality 2/10

Closely Related Answers

Comment

Tip Witty Wildebeest 1 GREPCC

@use 'sass:math';

@function pxToRem($pxValue) {
    @return math.div($pxValue, 16px) * 1rem; 
}

div {
    width: pxToRem(400px); // → 25rem
}

xxxxxxxxxx

@use 'sass:math';

@function pxToRem($pxValue) {

    @return math.div($pxValue, 16px) * 1rem;

div {

    width: pxToRem(400px); // → 25rem

Popularity 9/10 Helpfulness 10/10 Language whatever

Source: dev.to

Tags: whatever whateve

Link to this answer
Share Copy Link

Contributed on Oct 05 2021

Witty Wildebeest

0 Answers Avg Quality 2/10