Web Dev Solutions

Catalin Mititiuc

From a6f3e2f0e04b563815db79f4d1c4f1d3ce81f423 Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Fri, 17 May 2024 16:23:20 -0700 Subject: Make map dot pattern --- public/assets/images/map1.svg | 69 ++++++++++++++++++++++++++++++++----------- 1 file changed, 51 insertions(+), 18 deletions(-) (limited to 'public/assets/images') diff --git a/public/assets/images/map1.svg b/public/assets/images/map1.svg index 3109b9e..63663e0 100644 --- a/public/assets/images/map1.svg +++ b/public/assets/images/map1.svg @@ -5,24 +5,56 @@ g[data-edge="north"] { --i: -2; } g[data-edge="south"] { --i: 52; } - g#hex line { - opacity: 1; + #background { + stroke: #304b75; } - g#hex line { - stroke-width: 0.2px; - transform: scale(1.2); + pattern use { + stroke: black; + stroke-width: 0.3px; } - g#hex line:nth-child(2) { - transform: rotate(60deg) scale(1.2); + pattern rect { + fill: #bacae3; } - g#hex line:nth-child(3) { - transform: rotate(-60deg) scale(1.2); + .building .floor { + opacity: 0.3; } + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -452,30 +484,31 @@ - - + + + - - + + - + - + - + - + -- cgit v1.2.3