Add own scss for error styles

stroeer · Jan 3, 2022 · c2607e5 · c2607e5
1 parent 4a9451a
commit c2607e5
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 23 deletions.
diff --git 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
@@ -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;
+    }
+  }
+}