From c2607e50f933f2271a5b4522f00105eca08ced12 Mon Sep 17 00:00:00 2001
From: Marco Kellershoff <marco@kellershoff.net>
Date: Mon, 3 Jan 2022 14:30:15 +0100
Subject: [PATCH] Add own scss for error styles

---
 src/UI.scss     | 24 +-----------------------
 src/_error.scss | 22 ++++++++++++++++++++++
 2 files changed, 23 insertions(+), 23 deletions(-)
 create mode 100644 src/_error.scss

diff --git a/src/UI.scss b/src/UI.scss
index 03804c1..17d5e6a 100644
--- a/src/UI.scss
+++ b/src/UI.scss
@@ -2,6 +2,7 @@
 @import 'loading-spinner';
 @import 'volume-slider';
 @import 'livestream-container';
+@import 'error';
 
 #stroeer-videoplayer-livestream-ui-icons {
 	display: none;
@@ -14,20 +15,6 @@
     top: 0;
 }
 
-.stroeer-videoplayer .stroeer-videoplayer-ui .error {
-	text-align: center;
-	background-color: #171B26;
-	color: #fff;
-	border-radius: 8px;
-	padding: 10px;
-  display: table-cell;
-  vertical-align: middle;
-	svg {
-		height: 146px;
-		fill: $primaryColor1;
-	}
-}
-
 .stroeer-videoplayer .stroeer-videoplayer-ui .livestream {
 	position: relative;
 	z-index: 200;
@@ -124,12 +111,3 @@
 		}
 	}
 }
-
-@media screen and (max-width: 375px) {
-  .stroeer-videoplayer .stroeer-videoplayer-ui .error {
-    font-size: 13px;
-    svg {
-      height: 121px;
-    }
-  }
-}
diff --git a/src/_error.scss b/src/_error.scss
new file mode 100644
index 0000000..23a0cec
--- /dev/null
+++ b/src/_error.scss
@@ -0,0 +1,22 @@
+.stroeer-videoplayer .stroeer-videoplayer-ui .error {
+	text-align: center;
+	background-color: #171B26;
+	color: #fff;
+	border-radius: 8px;
+	padding: 10px;
+  display: table-cell;
+  vertical-align: middle;
+	svg {
+		height: 146px;
+		fill: $primaryColor1;
+	}
+}
+
+@media screen and (max-width: 375px) {
+  .stroeer-videoplayer .stroeer-videoplayer-ui .error {
+    font-size: 13px;
+    svg {
+      height: 121px;
+    }
+  }
+}