How to use the sku/treat.globalStyle function in sku
To help you get started, we’ve selected a few sku examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
seek-oss / braid-design-system / site / src / App / Documentation / Documentation.treat.ts View on Github 
opacity: 1,
pointerEvents: 'auto',
transition: 'opacity .1s ease, transform .3s ease',
},
[`screen and (min-width: ${theme.breakpoint.desktop}px)`]: {
paddingLeft: `${desktopMenuWidth} !important`,
},
},
}));
globalStyle('html, body', {
margin: 0,
});
// :focus-visible polyfill: https://github.com/WICG/focus-visible
globalStyle('.js-focus-visible :focus:not(.focus-visible)', {
outline: 'none',
});export const content = style(theme => ({
flexGrow: 1,
paddingBottom: 80,
'@media': {
[`screen and (max-width: ${theme.breakpoint.desktop - 1}px)`]: {
opacity: 1,
pointerEvents: 'auto',
transition: 'opacity .1s ease, transform .3s ease',
},
[`screen and (min-width: ${theme.breakpoint.desktop}px)`]: {
paddingLeft: `${desktopMenuWidth} !important`,
},
},
}));
globalStyle('html, body', {
margin: 0,
});
// :focus-visible polyfill: https://github.com/WICG/focus-visible
globalStyle('.js-focus-visible :focus:not(.focus-visible)', {
outline: 'none',
});sku
Front-end development toolkit, powered by Webpack, Babel, Vanilla Extract and Jest
