postcss-rem-to-rem-multiplier/example/main-rem-variable.css

multiply the rem (root em) units with a multiplier using PostCSS. Based on postcss-rem-to-pixel.

:root {
    --r2r-multi: calc(10/12)
}

.class {
    margin: -10px .5em;
    padding: 5rem .5px;
    border: 3px solid black;
    font-size: calc(0.875rem * var(--r2r-multi));
    line-height: calc(1.25rem * var(--r2r-multi));
}
.class2 {
    font-size: 32px;
    font-size: calc(2rem * var(--r2r-multi));
    line-height: 1em;
}
@media (min-width: 750px) {
    .class3 {
        font-size: calc(1rem * var(--r2r-multi));
        line-height: calc(1.375rem * var(--r2r-multi));
    }
}

/*
.class {
    font-size: 16px;
}
*/