2019-12-29 18:45:17 +00:00
|
|
|
/*
|
|
|
|
* Citizen - Popups Styles
|
|
|
|
* https://starcitizen.tools
|
|
|
|
*/
|
|
|
|
|
|
|
|
@import '../../../resources/variables.less';
|
|
|
|
@import '../../../resources/mixins.less';
|
|
|
|
|
|
|
|
.mwe-popups {
|
|
|
|
border: 0;
|
|
|
|
border-radius: 0;
|
|
|
|
.boxshadow(4);
|
2020-05-17 23:40:16 +00:00
|
|
|
|
2020-05-17 23:39:43 +00:00
|
|
|
> div > a > svg {
|
|
|
|
background-color: @base-80;
|
|
|
|
}
|
2019-12-29 18:45:17 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
@media ( prefers-color-scheme: dark ) {
|
|
|
|
.mwe-popups {
|
|
|
|
background: @dark-bg-50;
|
|
|
|
|
2020-05-17 23:39:43 +00:00
|
|
|
> div > a > svg {
|
|
|
|
background-color: @dark-bg-40;
|
|
|
|
}
|
2020-05-17 23:40:16 +00:00
|
|
|
|
2019-12-29 18:45:17 +00:00
|
|
|
&.mwe-popups-image-tri:after {
|
|
|
|
border-color: @dark-bg-50;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mwe-popups-container,
|
|
|
|
.mwe-popups-extract {
|
|
|
|
color: @dark-text-90;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mwe-popups-extract[ dir='ltr' ]:after {
|
|
|
|
background-image: linear-gradient( to right, rgba( 255, 255, 255, 0 ), @dark-bg-50 50% );
|
|
|
|
}
|
2020-05-17 23:40:16 +00:00
|
|
|
|
2020-05-17 23:39:43 +00:00
|
|
|
&.mwe-popups-no-image-tri {
|
|
|
|
&:before {
|
2020-06-11 01:37:17 +00:00
|
|
|
border-bottom-color: @dark-bg-50;
|
2020-05-17 23:39:43 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&:after {
|
2020-06-11 01:37:17 +00:00
|
|
|
border-bottom-color: @dark-bg-50;
|
2020-05-17 23:39:43 +00:00
|
|
|
}
|
2020-05-17 23:40:16 +00:00
|
|
|
|
2020-05-17 23:39:43 +00:00
|
|
|
&.flipped_x {
|
|
|
|
&:before {
|
2020-06-11 01:37:17 +00:00
|
|
|
border-bottom-color: @dark-bg-50;
|
2020-05-17 23:39:43 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&:after {
|
2020-06-11 01:37:17 +00:00
|
|
|
border-bottom-color: @dark-bg-50;
|
2020-05-17 23:39:43 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-05-17 23:40:16 +00:00
|
|
|
|
2020-05-17 23:39:43 +00:00
|
|
|
&.flipped_x.mwe-popups-is-tall {
|
|
|
|
&:before {
|
2020-06-11 01:37:17 +00:00
|
|
|
border-bottom-color: @dark-bg-50;
|
2020-05-17 23:39:43 +00:00
|
|
|
}
|
|
|
|
}
|
2020-05-17 23:40:16 +00:00
|
|
|
|
2020-05-17 23:39:43 +00:00
|
|
|
&.flipped_x_y {
|
|
|
|
&:before {
|
2020-06-11 01:37:17 +00:00
|
|
|
border-top-color: @dark-bg-50;
|
2020-05-17 23:39:43 +00:00
|
|
|
}
|
2019-12-30 10:14:11 +00:00
|
|
|
|
2020-05-17 23:39:43 +00:00
|
|
|
&:after {
|
2020-06-11 01:37:17 +00:00
|
|
|
border-top-color: @dark-bg-50;
|
2020-05-17 23:39:43 +00:00
|
|
|
}
|
2020-05-17 23:40:16 +00:00
|
|
|
|
2020-05-17 23:39:43 +00:00
|
|
|
&.mwe-popups-is-tall {
|
|
|
|
&:before {
|
2020-06-11 01:37:17 +00:00
|
|
|
border-top-color: @dark-bg-50;
|
2020-05-17 23:39:43 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&:after {
|
2020-06-11 01:37:17 +00:00
|
|
|
border-top-color: @dark-bg-50;
|
2020-05-17 23:39:43 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-05-17 23:40:16 +00:00
|
|
|
|
2020-05-17 23:39:43 +00:00
|
|
|
&.flipped_y {
|
2019-12-30 10:14:11 +00:00
|
|
|
&:before {
|
2020-06-11 01:37:17 +00:00
|
|
|
border-top-color: @dark-bg-50;
|
2019-12-30 10:14:11 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&:after {
|
2020-06-11 01:37:17 +00:00
|
|
|
border-top-color: @dark-bg-50;
|
2019-12-30 10:14:11 +00:00
|
|
|
}
|
|
|
|
}
|
2019-12-29 18:45:17 +00:00
|
|
|
}
|
|
|
|
}
|