From 8d9c651b9fbaae3bbc448c1a53f6b63bbc198b8c Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Sat, 10 Sep 2022 14:34:24 +0200 Subject: Add icon badge for moved units. --- disrupted.svg | 2 +- moved.svg | 1 + play.html | 10 ++++++++++ unsupplied.svg | 2 +- 4 files changed, 13 insertions(+), 2 deletions(-) create mode 100644 moved.svg diff --git a/disrupted.svg b/disrupted.svg index d8d5e01..3207a8b 100644 --- a/disrupted.svg +++ b/disrupted.svg @@ -1 +1 @@ - + diff --git a/moved.svg b/moved.svg new file mode 100644 index 0000000..bd8723b --- /dev/null +++ b/moved.svg @@ -0,0 +1 @@ + diff --git a/play.html b/play.html index 054dda9..ee7b8f8 100644 --- a/play.html +++ b/play.html @@ -431,10 +431,12 @@ svg #lines line.axis_supply.allied_supply { box-shadow: 0 0 2px 1px hsl(80, 20%, 20%); } +.unit.axis.fired, .unit.axis.moved:not(.disrupted):not(.unsupplied) { border-color: hsl(80, 20%, 40%); } +.unit.axis.fired:not(.revealed), .unit.axis.moved:not(.revealed) { background-color: hsl(80, 20%, 50%); } @@ -445,14 +447,22 @@ svg #lines line.axis_supply.allied_supply { box-shadow: 0 0 2px 1px hsl(30, 40%, 20%); } +.unit.allied.fired, .unit.allied.moved:not(.disrupted):not(.unsupplied) { border-color: hsl(35, 40%, 40%); } +.unit.allied.fired:not(.revealed), .unit.allied.moved:not(.revealed) { background-color: hsl(35, 40%, 50%); } +.unit.moved:not(.revealed) { + background-image: url(moved.svg); + background-size: 75%; + background-position: center bottom; +} + .unit.axis.revealed { background-color: #abba8e; } diff --git a/unsupplied.svg b/unsupplied.svg index af55bd0..542d58e 100644 --- a/unsupplied.svg +++ b/unsupplied.svg @@ -1 +1 @@ - + -- cgit v1.2.3