From 0bb66e82213c4be41832c74bbfd6ea9b3bb28399 Mon Sep 17 00:00:00 2001
From: Philipp Kunz <gitlab@philkunz.com>
Date: Fri, 4 Mar 2022 08:21:57 +0100
Subject: [PATCH] fix(core): update

---
 ts/domtools.css.breakpoints.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ts/domtools.css.breakpoints.ts b/ts/domtools.css.breakpoints.ts
index dd9fd01..cb627f6 100644
--- a/ts/domtools.css.breakpoints.ts
+++ b/ts/domtools.css.breakpoints.ts
@@ -11,7 +11,7 @@ export type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
 
 export const cssForTablet = (cssArg: CSSResult) => {
   return unsafeCSS(`
-    @container wccToolsViewport (max-width: ${tablet}px) {
+    @container wccToolsViewport size(max-width: ${tablet}px) {
       ${cssArg.cssText}
     }
     @media (max-width: ${tablet}px) {
@@ -22,7 +22,7 @@ export const cssForTablet = (cssArg: CSSResult) => {
 
 export const cssForPhablet = (cssArg: CSSResult) => {
   return unsafeCSS(`
-    @container wccToolsViewport (max-width: ${phablet}px) {
+    @container wccToolsViewport size(max-width: ${phablet}px) {
       ${cssArg.cssText}
     }
     @media (max-width: ${phablet}px) {
@@ -33,7 +33,7 @@ export const cssForPhablet = (cssArg: CSSResult) => {
 
 export const cssForPhone = (cssArg: CSSResult) => {
   return unsafeCSS(`
-    @container wccToolsViewport (max-width: ${phone}px) {
+    @container wccToolsViewport size(max-width: ${phone}px) {
       ${cssArg.cssText}
     }
     @media (max-width: ${phone}px) {