From ba4b521d32b3f547b9a2669e86793931d7c5c8cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20D=C3=BCsterhus?= <tim@bastelstu.be>
Date: Sun, 15 Aug 2021 12:58:50 +0200
Subject: [PATCH] Use prettier for SCSS

---
 .../style/be.bastelstu.chat.messageTypes.scss |  4 ++--
 files/style/be.bastelstu.chat.scss            | 22 +++++++++++--------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/files/style/be.bastelstu.chat.messageTypes.scss b/files/style/be.bastelstu.chat.messageTypes.scss
index 54e85ae..c20c5f7 100644
--- a/files/style/be.bastelstu.chat.messageTypes.scss
+++ b/files/style/be.bastelstu.chat.messageTypes.scss
@@ -11,7 +11,7 @@
  * or later of the General Public License.
  */
 
-li[data-object-type="be.bastelstu.chat.messageType.info"] {
+li[data-object-type='be.bastelstu.chat.messageType.info'] {
 	.chatMessage > .box48 + .containerList {
 		margin-top: 20px;
 	}
@@ -21,7 +21,7 @@ li[data-object-type="be.bastelstu.chat.messageType.info"] {
 	}
 }
 
-li[data-object-type="be.bastelstu.chat.messageType.where"] {
+li[data-object-type='be.bastelstu.chat.messageType.where'] {
 	.containerList > li {
 		&:first-child {
 			border-top: none;
diff --git a/files/style/be.bastelstu.chat.scss b/files/style/be.bastelstu.chat.scss
index 0ed6de6..838d45c 100644
--- a/files/style/be.bastelstu.chat.scss
+++ b/files/style/be.bastelstu.chat.scss
@@ -101,7 +101,7 @@ $chatEmbedMaxWidth: 400px;
 						}
 					}
 
-					&[data-box-identifier="be.bastelstu.chat.roomListSidebar"] {
+					&[data-box-identifier='be.bastelstu.chat.roomListSidebar'] {
 						flex: 1 1 0px;
 						min-height: 12rem;
 
@@ -116,7 +116,7 @@ $chatEmbedMaxWidth: 400px;
 					}
 
 					&.chatUserList,
-					&[data-box-identifier="be.bastelstu.chat.roomListSidebar"] {
+					&[data-box-identifier='be.bastelstu.chat.roomListSidebar'] {
 						display: flex;
 						flex-direction: column;
 
@@ -161,13 +161,13 @@ $chatEmbedMaxWidth: 400px;
 
 	#chatMessageStream > .scrollContainer,
 	#chatUserList > .boxContent,
-	[data-box-identifier="be.bastelstu.chat.roomListSidebar"] > .boxContent {
+	[data-box-identifier='be.bastelstu.chat.roomListSidebar'] > .boxContent {
 		position: relative;
 		overflow-y: scroll;
 		padding-right: 5px;
 	}
 
-	[data-box-identifier="be.bastelstu.chat.roomListSidebar"] > .boxContent {
+	[data-box-identifier='be.bastelstu.chat.roomListSidebar'] > .boxContent {
 		overflow-x: hidden;
 
 		// Fixes issues with backgrounds being cut by the overflow-x
@@ -222,7 +222,12 @@ $chatEmbedMaxWidth: 400px;
 					}
 
 					&:target {
-						background-color: rgba(255, 255, 102, 0.4); // .codeBoxJumpAnchor:target::after
+						background-color: rgba(
+							255,
+							255,
+							102,
+							0.4
+						); // .codeBoxJumpAnchor:target::after
 					}
 
 					&.readMarker {
@@ -488,8 +493,7 @@ $chatEmbedMaxWidth: 400px;
 		#smilies-text {
 			@if variable_exists(wcfContentContainerBackground) {
 				background-color: $wcfContentContainerBackground;
-			}
-			@else {
+			} @else {
 				// Compatibility with API_VERSION 3.0
 				background-color: rgba(255, 255, 255, 1);
 			}
@@ -509,7 +513,7 @@ $chatEmbedMaxWidth: 400px;
 		}
 
 		@include screen-md-down {
-			&[data-show="true"] {
+			&[data-show='true'] {
 				position: fixed;
 				top: 0;
 				right: 0;
@@ -622,7 +626,7 @@ html.fullscreen {
 
 		#chatMessageStream {
 			> .scrollContainer {
-			//	flex: 1 1 0; // Disable min height in fullscreen mode
+				//	flex: 1 1 0; // Disable min height in fullscreen mode
 			}
 		}