All files / src/theme/ui typography-utils.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
310x
 
 
 
60x
 
 
 
 
 
 
 
 
 
 
 
 
export function pxToRem(value) {
    return `${value / 16}rem`;
}
 
export function responsiveFontSizes({ sm, md, lg }) {
    return {
        "@media (min-width:600px)": {
            fontSize: pxToRem(sm),
        },
        "@media (min-width:900px)": {
            fontSize: pxToRem(md),
        },
        "@media (min-width:1200px)": {
            fontSize: pxToRem(lg),
        },
    };
}