From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 31 May 2021 17:41:42 +0000 (+0200)
Subject: Generic styling for inline lists without list elements
X-Git-Tag: 5.4.0_Beta_1~8
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=b20bd66d96f6cd1dcd62236cf2337a5f1c12def0;p=GitHub%2FWoltLab%2FWCF.git

Generic styling for inline lists without list elements
---

diff --git a/wcfsetup/install/files/style/layout/layout.scss b/wcfsetup/install/files/style/layout/layout.scss
index cd99969393..bcae24a4f3 100644
--- a/wcfsetup/install/files/style/layout/layout.scss
+++ b/wcfsetup/install/files/style/layout/layout.scss
@@ -164,3 +164,30 @@ html.iOS select {
 		}
 	}
 }
+
+.inlineItems {
+	display: flex;
+	flex-wrap: wrap;
+
+	.inlineItem {
+		flex: 0 1 auto;
+
+		&:not(:last-child) {
+			margin-right: 5px;
+		}
+	}
+
+	&.commaSeparated {
+		.inlineItem:not(:last-child)::after {
+			content: ",";
+			padding-left: 1px;
+		}
+	}
+
+	&.dotSeparated {
+		.inlineItem:not(:last-child)::after {
+			content: "\00b7";
+			margin-left: 5px;
+		}
+	}
+}