j2c-plugin-prefix-browser in action in your browser
// The code runs live, feel free to edit it! j2c.sheet({'@global':{ '.download': { backgroundImage: 'linear-gradient(5deg, red, rgba(125,0,0,.3))', color: 'white', textDecoration: 'initial', textShadow: '.08em .08em .2em rgba(calc(2 * 2),0,0,.6)', borderRadius: '50%', boxShadow: '.1em .2em .4em -.2em black', boxSizing: 'border-box', transform: 'rotate(15deg)', animation: 'rotate', cursor: 'zoom-in' }, '@keyframes rotate': { 'from': { transform: 'rotate(15deg)' }, 'to': { transform: 'rotate(375deg)' } }, '@supports (display:flex)':{ ':read-write ::placeholder': { userSelect: 'none', appearance: 'none', display: 'flex', flex: '1 1', flexFlow: 'column-reverse wrap' }, }, '@media (min-resolution:2dppx)' : { 'header': { backgroundImage: 'url(hires.jpg)' } } }})