#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; } }