design.estate/dees-domtools
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2022-04-19 18:16:20 +02:00
parent b436fe77b0
commit 1356666700
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ts/domtools.css.breakpoints.ts
View File

@ -10,6 +10,17 @@ export const phone = 400;
export type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone'; 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) => { export const cssForNotebook = (cssArg: CSSResult) => {
return unsafeCSS(` return unsafeCSS(`
@container wccToolsViewport (max-width: ${notebook}px) { @container wccToolsViewport (max-width: ${notebook}px) {