From 47548aa826a1c48fd2a7cfd4c2abc49e9f38b4ac Mon Sep 17 00:00:00 2001
From: Christoph Reiter <reiter.christoph@gmail.com>
Date: Thu, 2 Jul 2020 16:23:38 +0200
Subject: [PATCH] Use a style array instead of merging in the css literal

lit-element complains
---
 .../vpu-knowledge-base-web-page-element-view-demo.js  | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/knowledge-base-web-page-element-view/src/vpu-knowledge-base-web-page-element-view-demo.js b/packages/knowledge-base-web-page-element-view/src/vpu-knowledge-base-web-page-element-view-demo.js
index fa0160d9..1676d3be 100644
--- a/packages/knowledge-base-web-page-element-view/src/vpu-knowledge-base-web-page-element-view-demo.js
+++ b/packages/knowledge-base-web-page-element-view/src/vpu-knowledge-base-web-page-element-view-demo.js
@@ -40,10 +40,7 @@ class KnowledgeBaseWebPageElementViewDemo extends ScopedElementsMixin(LitElement
 
     static get styles() {
         // language=css
-        return css`
-            ${commonStyles.getThemeCSS()}
-            ${commonStyles.getGeneralCSS()}
-
+        const styles = css`
             h1.title {margin-bottom: 1em;}
             div.container {margin-bottom: 1.5em;}
 
@@ -57,6 +54,12 @@ class KnowledgeBaseWebPageElementViewDemo extends ScopedElementsMixin(LitElement
                 --KBBorder: 2px solid blue;
             }
         `;
+
+        return [
+            commonStyles.getThemeCSS(),
+            commonStyles.getGeneralCSS(),
+            styles,
+        ];
     }
 
     getAuthComponentHtml() {
-- 
GitLab