diff --git a/ts/domtools.css.breakpoints.ts b/ts/domtools.css.breakpoints.ts index 891fc75..3687800 100644 --- a/ts/domtools.css.breakpoints.ts +++ b/ts/domtools.css.breakpoints.ts @@ -10,6 +10,17 @@ export const phone = 400; export type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone'; +export const cssForDesktop = (cssArg: CSSResult) => { + return unsafeCSS(` + @container wccToolsViewport (min-width: ${desktop}px) { + ${cssArg.cssText} + } + @media (min-width: ${desktop}px) { + ${cssArg.cssText} + } + `); +}; + export const cssForNotebook = (cssArg: CSSResult) => { return unsafeCSS(` @container wccToolsViewport (max-width: ${notebook}px) {