From a9edc45cec9971475f236f064c6e35fab6a44b80 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Sat, 3 Sep 2022 13:51:17 +0200 Subject: Hatch pattern for showing battle control. --- play.html | 41 +++++++++++++++-------------------------- 1 file changed, 15 insertions(+), 26 deletions(-) (limited to 'play.html') diff --git a/play.html b/play.html index a7775e8..0cfbcae 100644 --- a/play.html +++ b/play.html @@ -301,12 +301,22 @@ svg .hex.refit.action { stroke: lightskyblue; } +svg .hex.to { + stroke: blue; + stroke-dasharray: 4 4; +} + svg .hex.action { stroke: ivory; stroke-dasharray: 2 2; stroke-dashoffset: 1; } +svg .hex.from { + stroke: yellow; + stroke-dasharray: 8 4; +} + svg .hex.action.forced_march { stroke: crimson; } @@ -315,17 +325,13 @@ svg .hex.selected { stroke: yellow; } -/* HEX CONTROL */ - -svg .hex.axis_control { - fill: seagreen; - fill-opacity: 0.2; +svg .hex.tip { + stroke: yellow; + stroke-width: 3; + stroke-dasharray: 4 4; } -svg .hex.allied_control { - fill: firebrick; - fill-opacity: 0.2; -} +/* HEX CONTROL */ svg .side.axis_control { stroke: seagreen; @@ -344,23 +350,6 @@ body.Allied svg .side.allied_control { stroke: none; } body.Axis svg .side.axis_control { stroke: none; } body.Axis svg .side.allied_control { stroke: black; } -/* HEX HIGHLIGHT */ - -svg .hex.from { - fill: gold; - fill-opacity: 0.2; -} - -svg .hex.to { - fill: plum; - fill-opacity: 0.2; -} - -svg .hex.tip { - stroke: yellow; - stroke-dasharray: 4 4; -} - /* SUPPLY LINES */ svg .hex.axis_supply { -- cgit v1.2.3