gabriel-g of PAR Design
12/5/2017 - 2:07 PM

Responsive font-sizes

.font-size(@max,@desktop:14,@mobile:14) {
    @init: (@max - @desktop);
    font-size: calc(~"@{desktop}px + @{init} * (100vw - 1170px)/(1920 - 1170)");

    @media ( max-width: 1169px ) {
        @init: (@desktop - @mobile);
        font-size: calc(~"@{mobile}px + @{init} * (100vw - 350px)/(1169 - 350)");
    }

}