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 2021-11-26 17:36:00 +01:00
parent 5975ca7320
commit 9a0d09d9de
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,10 +11,10 @@ export type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
export const cssForTablet = (cssArg: CSSResult) => {
return unsafeCSS(`
@container wccToolsViewport (min-width: ${tablet}px) {
@container wccToolsViewport (max-width: ${tablet}px) {
${cssArg.cssText}
}
@media (min-width: ${tablet}px) {
@media (max-width: ${tablet}px) {
${cssArg.cssText}
}
`);
@ -22,10 +22,10 @@ export const cssForTablet = (cssArg: CSSResult) => {
export const cssForPhablet = (cssArg: CSSResult) => {
return unsafeCSS(`
@container wccToolsViewport (min-width: ${phablet}px) {
@container wccToolsViewport (max-width: ${phablet}px) {
${cssArg.cssText}
}
@media (min-width: ${phablet}px) {
@media (max-width: ${phablet}px) {
${cssArg.cssText}
}
`);
@ -33,10 +33,10 @@ export const cssForPhablet = (cssArg: CSSResult) => {
export const cssForPhone = (cssArg: CSSResult) => {
return unsafeCSS(`
@container wccToolsViewport (min-width: ${phone}px) {
@container wccToolsViewport (max-width: ${phone}px) {
${cssArg.cssText}
}
@media (min-width: ${phone}px) {
@media (max-width: ${phone}px) {
${cssArg.cssText}
}
`);