linaria

https://gyazo.com/90f10d485f832043bb1ed84f78550415

code:ts

import { css } from '@linaria/core';

import { modularScale, hiDPI } from 'polished';

import fonts from './fonts';

const header = css`

text-transform: uppercase;

font-family: ${fonts.heading};

font-size: ${modularScale(2)};

${hiDPI(1.5)} {

font-size: ${modularScale(2.5)};

}

`;

// Then use it as a class name

<h1 className={header}>Hello world</h1>;