Replacing all colors with current WikimediaUI palette ones. Also: - changing two files over to LESS in order to - make use of central gradient mixin instead of one with unnecessary vendor extensions and - concatenating selectors in one occurrence. Bug: T174237 Change-Id: I5d302f29b079f6abdba5abf3b58d6ba254e1a4ac
43 lines
888 B
Plaintext
43 lines
888 B
Plaintext
// 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;
|
|
}
|
|
}
|
|
}
|