1 files changed, 46 insertions, 0 deletions
diff --git a/www/wiki/extensions/UniversalLanguageSelector/resources/css/ext.uls.mixins.less b/www/wiki/extensions/UniversalLanguageSelector/resources/css/ext.uls.mixins.less
new file mode 100644
index 00000000..32894871
--- /dev/null
+++ b/www/wiki/extensions/UniversalLanguageSelector/resources/css/ext.uls.mixins.less
@@ -0,0 +1,46 @@
+// Generate a caret by embedding in the callout.
+// Expects callout to have either selector-right or selecter-left class on it to determine directionality.
+.caret() {
+	&:before,
+	&:after {
+		border-top: 10px solid transparent;
+		border-bottom: 10px solid transparent;
+		display: inline-block;
+		/* 17px aligns nicely with the size of the search row in language selection */
+		top: 17px;
+		position: absolute;
+		content: '';
+	}
+
+	&.selector-right {
+		&:before {
+			/* @noflip */
+			border-left: 10px solid #c8ccd1;
+			/* @noflip */
+			right: -11px;
+		}
+
+		&:after {
+			/* @noflip */
+			border-left: 10px solid #fff;
+			/* @noflip */
+			right: -10px;
+		}
+	}
+
+	&.selector-left {
+		&:before {
+			/* @noflip */
+			border-right: 10px solid #c8ccd1;
+			/* @noflip */
+			left: -11px;
+		}
+
+		&:after {
+			/* @noflip */
+			border-right: 10px solid #fff;
+			/* @noflip */
+			left: -10px;
+		}
+	}
+}