MLEB/UniversalLanguageSelector/resources/css/ext.uls.mixins.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

// 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 #f8f9fa;
			/* @noflip */
			right: -10px;
		}
	}
	&.selector-left {
		&:before {
			/* @noflip */
			border-right: 10px solid #c8ccd1;
			/* @noflip */
			left: -11px;
		}
		&:after {
			/* @noflip */
			border-right: 10px solid #f8f9fa;
			/* @noflip */
			left: -10px;
		}
	}
}