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.
57 lines
1.2 KiB
57 lines
1.2 KiB
#ingame_HUD_building_placer {
|
|
position: fixed;
|
|
@include S(top, 40px);
|
|
@include S(right, 10px);
|
|
|
|
display: grid;
|
|
|
|
@include S(padding, 6px);
|
|
@include S(border-radius, 2px);
|
|
@include S(width, 240px);
|
|
@include S(grid-column-gap, 5px);
|
|
|
|
background: rgba(#333438, 0.8);
|
|
grid-template-columns: 1fr auto;
|
|
grid-template-rows: auto 1fr;
|
|
|
|
.buildingLabel {
|
|
@include PlainText;
|
|
@include S(margin-bottom, 2px);
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
grid-column: 1 / 3;
|
|
grid-row: 1 / 2;
|
|
}
|
|
|
|
.description {
|
|
color: #bbb;
|
|
@include SuperSmallText;
|
|
grid-column: 1 / 2;
|
|
grid-row: 2 / 3;
|
|
display: grid;
|
|
grid-template-rows: 1fr auto;
|
|
|
|
strong {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
.hotkey {
|
|
color: lighten($colorGreenBright, 10);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.buildingImage {
|
|
grid-column: 2 / 3;
|
|
grid-row: 1 / 3;
|
|
@include S(width, 100px);
|
|
@include S(height, 100px);
|
|
background: top left / 100% 100% no-repeat;
|
|
@include S(border-radius, 2px);
|
|
}
|
|
|
|
@include StyleBelowWidth(700px) {
|
|
display: none !important;
|
|
}
|
|
}
|