From 72390aaadcba184f5a065ba22acb1370830fcf14 Mon Sep 17 00:00:00 2001
From: c727 <crusader727@gmx.de>
Date: Tue, 24 Jul 2018 20:31:15 +0200
Subject: [PATCH] Add support for CSS imports (#1517)

* Add support for CSS imports

* Abc
---
 src/panels/lovelace/hui-root.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/panels/lovelace/hui-root.js b/src/panels/lovelace/hui-root.js
index 0173fd06bf..6d4008aa7c 100644
--- a/src/panels/lovelace/hui-root.js
+++ b/src/panels/lovelace/hui-root.js
@@ -20,14 +20,15 @@ import NavigateMixin from '../../mixins/navigate-mixin.js';
 import '../../layouts/ha-app-layout.js';
 import '../../components/ha-start-voice-button.js';
 import '../../components/ha-icon.js';
-import { loadModule, loadJS } from '../../common/dom/load_resource.js';
+import { loadModule, loadCSS, loadJS } from '../../common/dom/load_resource.js';
 import './hui-unused-entities.js';
 import './hui-view.js';
 import debounce from '../../common/util/debounce.js';
 
 import createCardElement from './common/create-card-element.js';
 
-// JS should only be imported once. Modules and HTML are safe.
+// CSS and JS should only be imported once. Modules and HTML are safe.
+const CSS_CACHE = {};
 const JS_CACHE = {};
 
 class HUIRoot extends NavigateMixin(EventsMixin(PolymerElement)) {
@@ -258,6 +259,11 @@ class HUIRoot extends NavigateMixin(EventsMixin(PolymerElement)) {
   _loadResources(resources) {
     resources.forEach((resource) => {
       switch (resource.type) {
+        case 'css':
+          if (resource.url in CSS_CACHE) break;
+          CSS_CACHE[resource.url] = loadCSS(resource.url);
+          break;
+
         case 'js':
           if (resource.url in JS_CACHE) break;
           JS_CACHE[resource.url] = loadJS(resource.url);