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.
tobspr_shapez.io/src/css/ingame_hud/building_placer.scss

57 lines
1.2 KiB

4 years ago
#ingame_HUD_building_placer {
position: fixed;
4 years ago
@include S(top, 40px);
@include S(right, 10px);
4 years ago
4 years ago
display: grid;
4 years ago
@include S(padding, 6px);
4 years ago
@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;
4 years ago
.buildingLabel {
@include PlainText;
4 years ago
@include S(margin-bottom, 2px);
4 years ago
color: #fff;
text-transform: uppercase;
4 years ago
grid-column: 1 / 3;
grid-row: 1 / 2;
4 years ago
}
.description {
4 years ago
color: #bbb;
4 years ago
@include SuperSmallText;
4 years ago
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);
4 years ago
}
@include StyleBelowWidth(700px) {
display: none !important;
}
}