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

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2022-04-19 18:13:26 +02:00
parent d50e320f17
commit 3de788bb75
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,13 +2,25 @@ import { DomTools } from './domtools.classes.domtools.js';
import { CSSResult, unsafeCSS } from 'lit'; import { CSSResult, unsafeCSS } from 'lit';
export const desktop = 1240; export const desktop = 1600;
export const notebook = 1240;
export const tablet = 1024; export const tablet = 1024;
export const phablet = 600; export const phablet = 600;
export const phone = 400; export const phone = 400;
export type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone'; export type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
export const cssForNotebook = (cssArg: CSSResult) => {
return unsafeCSS(`
@container wccToolsViewport (max-width: ${notebook}px) {
${cssArg.cssText}
}
@media (max-width: ${notebook}px) {
${cssArg.cssText}
}
`);
};
export const cssForTablet = (cssArg: CSSResult) => { export const cssForTablet = (cssArg: CSSResult) => {
return unsafeCSS(` return unsafeCSS(`
@container wccToolsViewport (max-width: ${tablet}px) { @container wccToolsViewport (max-width: ${tablet}px) {