From 6ff89390b7a0d4df58bc4b07304471fe4d827edd Mon Sep 17 00:00:00 2001
From: Philipp Kunz <gitlab@philkunz.com>
Date: Sun, 21 Nov 2021 16:08:27 +0100
Subject: [PATCH] fix(core): update

---
 ts/domtools.breakpoints.ts | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/ts/domtools.breakpoints.ts b/ts/domtools.breakpoints.ts
index 246ba23..bc19525 100644
--- a/ts/domtools.breakpoints.ts
+++ b/ts/domtools.breakpoints.ts
@@ -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}
     }
-  `;
+  `);
 };