|
|
|
#ingame_HUD_Notifications {
|
|
|
|
position: absolute;
|
|
|
|
@include S(bottom, 60px);
|
|
|
|
@include S(right, 10px);
|
|
|
|
|
|
|
|
.notification {
|
|
|
|
background: rgba(#333438, 0.8);
|
|
|
|
@include S(border-radius, $globalBorderRadius);
|
|
|
|
@include S(margin-top, 3px);
|
|
|
|
color: #fff;
|
|
|
|
@include SuperSmallText;
|
|
|
|
@include S(padding, 7px, 10px);
|
|
|
|
@include S(width, 150px);
|
|
|
|
|
|
|
|
@include DarkThemeOverride {
|
|
|
|
background-color: rgba(#55595d, 0.8);
|
|
|
|
}
|
|
|
|
|
|
|
|
&[data-icon] {
|
|
|
|
@include S(background-position-x, 8px);
|
|
|
|
background-position-y: center;
|
|
|
|
@include S(padding-left, 35px);
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
@include S(background-size, 15px);
|
|
|
|
}
|
|
|
|
|
|
|
|
transform-origin: 100% 50%;
|
|
|
|
opacity: 0;
|
|
|
|
@include InlineAnimation(3s ease-in-out) {
|
|
|
|
0% {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
87% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale(1);
|
|
|
|
}
|
|
|
|
95% {
|
|
|
|
transform: scale(1.05);
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale(0.5);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|