Web Dev Solutions

Catalin Mititiuc

From 9d4f58472d00558e809cd43642259ba109e25037 Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Thu, 16 May 2024 23:11:05 -0700 Subject: WIP: Buildings --- public/assets/css/map.css | 55 +++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 53 insertions(+), 2 deletions(-) (limited to 'public/assets/css') diff --git a/public/assets/css/map.css b/public/assets/css/map.css index 99648fc..9f12832 100644 --- a/public/assets/css/map.css +++ b/public/assets/css/map.css @@ -387,8 +387,59 @@ g[data-y="76"] { --i: 76; } [data-x="31"] { --i: 31; } [data-x="32"] { --i: 32; } -.buildings { - display: none; +#terrain { + opacity: 0.5; +} + +#tree .trunk { + fill: brown; +} + +#tree .branches { + fill: green; +} + +#bush { + fill: green; + transform: scale(0.9); +} + +.building { + opacity: 0.5; +} + +.building .floor { + /* fill: white; */ + fill: none; +} + +.building path { + fill: none; +} + +.building .furniture { + fill: violet; +} + +.building path.walls { + stroke: black; + stroke-linecap: square; +} + +.building .windows, .building .door-edges, .building .doors { + stroke-linecap: square; +} + +.building .windows, .building .doors, .building .door-edges { + stroke-width: 2.5px; +} + +.building .windows, .building .door-edges { + stroke: lightseagreen; +} + +.building .doors { + stroke: orange; } #test-arcs line, #test-arcs polyline { -- cgit v1.2.3