From bd8e96fc9dacba6abf2ec80d6d1641a26da7620e Mon Sep 17 00:00:00 2001
From: Sascha Greuel <github@1-2.dev>
Date: Fri, 6 Aug 2021 20:42:21 +0200
Subject: [PATCH] Prefixed CSS First

Ensured vendor-prefixed versions of a CSS property are listed before the standardized, unprefixed version.

When multiple versions of the same CSS property are specified, the last supported one will be used due to how browsers handle fallback values. This means the order matters when using both vendor-prefixed and unprefixed versions of the same property. Specifically, the unprefixed version must be listed last to ensure standardized behavior takes precedence.
---
 wcfsetup/install/files/style/bbcode/inlineCode.scss | 2 +-
 wcfsetup/install/files/style/layout/global.scss     | 2 +-
 wcfsetup/install/files/style/ui/imageViewer.scss    | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/wcfsetup/install/files/style/bbcode/inlineCode.scss b/wcfsetup/install/files/style/bbcode/inlineCode.scss
index 4d2049e398..28ea542192 100644
--- a/wcfsetup/install/files/style/bbcode/inlineCode.scss
+++ b/wcfsetup/install/files/style/bbcode/inlineCode.scss
@@ -11,8 +11,8 @@ kbd {
 	background-color: rgba(255, 255, 255, 1) !important;
 	border: 1px solid rgba(196, 196, 196, 1) !important;
 	border-radius: 2px;
-	box-decoration-break: clone;
 	-webkit-box-decoration-break: clone;
+	box-decoration-break: clone;
 	color: rgba(68, 68, 68, 1) !important;
 	display: inline;
 	font-family: $wcfFontFamilyMonospace;
diff --git a/wcfsetup/install/files/style/layout/global.scss b/wcfsetup/install/files/style/layout/global.scss
index d3e981f828..670efa99d7 100644
--- a/wcfsetup/install/files/style/layout/global.scss
+++ b/wcfsetup/install/files/style/layout/global.scss
@@ -23,8 +23,8 @@
 }
 
 .grayscale {
-	filter: gray;
 	-webkit-filter: grayscale(1);
+	filter: gray;
 }
 
 .monospace {
diff --git a/wcfsetup/install/files/style/ui/imageViewer.scss b/wcfsetup/install/files/style/ui/imageViewer.scss
index cfbcd22dcb..39c08df6d6 100644
--- a/wcfsetup/install/files/style/ui/imageViewer.scss
+++ b/wcfsetup/install/files/style/ui/imageViewer.scss
@@ -144,8 +144,8 @@ $wcfImageViewerFontColor: rgba(211, 211, 211, 1);
 	> header,
 	> div,
 	> footer {
-		box-sizing: border-box;
 		-moz-box-sizing: border-box;
+		box-sizing: border-box;
 		left: 0;
 		position: fixed;
 		right: 0;
@@ -313,8 +313,8 @@ $wcfImageViewerFontColor: rgba(211, 211, 211, 1);
 		padding: 10px;
 
 		&:hover > div > ul > li > img {
-			filter: none;
 			-webkit-filter: none;
+			filter: none;
 		}
 
 		> span {
@@ -377,8 +377,8 @@ $wcfImageViewerFontColor: rgba(211, 211, 211, 1);
 					}
 
 					&.active > img {
-						filter: none;
 						-webkit-filter: none;
+						filter: none;
 					}
 
 					&.loading {
-- 
2.20.1