You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.4 KiB
55 lines
1.4 KiB
4 years ago
|
#ingame_HUD_PinnedShapes {
|
||
|
position: absolute;
|
||
|
@include S(left, 9px);
|
||
|
@include S(top, 120px);
|
||
|
@include PlainText;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
align-items: flex-start;
|
||
|
justify-content: flex-start;
|
||
|
|
||
|
> .shape {
|
||
|
position: relative;
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
@include S(margin-bottom, 5px);
|
||
|
|
||
|
&.unpinable {
|
||
|
> canvas {
|
||
|
cursor: pointer;
|
||
|
pointer-events: all;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
> canvas {
|
||
|
@include S(width, 25px);
|
||
|
@include S(height, 25px);
|
||
|
}
|
||
|
|
||
|
> .amountLabel {
|
||
|
@include S(margin-left, 5px);
|
||
|
@include SuperSmallText;
|
||
|
font-weight: bold;
|
||
|
display: inline-flex;
|
||
|
align-items: center;
|
||
|
flex-direction: row;
|
||
|
}
|
||
|
|
||
|
&.marked .amountLabel {
|
||
|
&::after {
|
||
|
content: " ";
|
||
|
position: absolute;
|
||
|
display: inline-block;
|
||
|
@include S(width, 9px);
|
||
|
@include S(height, 9px);
|
||
|
opacity: 0.8;
|
||
|
@include S(top, -4px);
|
||
|
@include S(left, -4px);
|
||
|
background: uiResource("icons/current_goal_marker.png") center center / contain no-repeat;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|