From 3de788bb756e6c8db2317ba64da7b1e534b5b699 Mon Sep 17 00:00:00 2001 From: Philipp Kunz Date: Tue, 19 Apr 2022 18:13:26 +0200 Subject: [PATCH] fix(core): update --- ts/domtools.css.breakpoints.ts | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/ts/domtools.css.breakpoints.ts b/ts/domtools.css.breakpoints.ts index 2c649d9..891fc75 100644 --- a/ts/domtools.css.breakpoints.ts +++ b/ts/domtools.css.breakpoints.ts @@ -2,13 +2,25 @@ import { DomTools } from './domtools.classes.domtools.js'; import { CSSResult, unsafeCSS } from 'lit'; -export const desktop = 1240; +export const desktop = 1600; +export const notebook = 1240; export const tablet = 1024; export const phablet = 600; export const phone = 400; 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) => { return unsafeCSS(` @container wccToolsViewport (max-width: ${tablet}px) {