fix(core): update

This commit is contained in:
Philipp Kunz 2021-11-21 16:08:27 +01:00
parent 2ad8d0a9fd
commit 6ff89390b7

View File

@ -1,6 +1,6 @@
import { DomTools } from './domtools.classes.domtools';
import { CSSResult } from 'lit-element';
import { CSSResult, unsafeCSS } from 'lit-element';
export const desktop = 1240;
export const tablet = 1024;
@ -10,34 +10,34 @@ export const phone = 400;
export type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
export const cssForTablet = (cssArg: CSSResult) => {
return `
return unsafeCSS(`
@container wccToolsViewport (min-width: ${tablet}px) {
${cssArg.cssText}
}
@media (min-width: ${tablet}px) {
${cssArg.cssText}
}
`;
`);
};
export const cssForPhablet = (cssArg: CSSResult) => {
return `
return unsafeCSS(`
@container wccToolsViewport (min-width: ${phablet}px) {
${cssArg.cssText}
}
@media (min-width: ${phablet}px) {
${cssArg.cssText}
}
`;
`);
};
export const cssForPhone = (cssArg: CSSResult) => {
return `
return unsafeCSS(`
@container wccToolsViewport (min-width: ${phone}px) {
${cssArg.cssText}
}
@media (min-width: ${phone}px) {
${cssArg.cssText}
}
`;
`);
};