| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <Catalin.Mititiuc@gmail.com> | 2024-04-11 12:46:26 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <Catalin.Mititiuc@gmail.com> | 2024-04-11 13:15:41 -0700 |
| commit | b192fc0790a4815703afa6ccc782f2b573c64722 (patch) | |
| tree | dcc0f3b3aca30447a1ad71a45d1193aadc92f59d /public/damage_block.css | |
| parent | 35a82e94e85c5b4f068e6e4d3d807dfc3c05379d (diff) | |
Import map svg in an object; add a dev server
Diffstat (limited to 'public/damage_block.css')
| -rw-r--r-- | public/damage_block.css | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/public/damage_block.css b/public/damage_block.css new file mode 100644 index 0000000..f050e36 --- /dev/null +++ b/public/damage_block.css @@ -0,0 +1,64 @@ +.damage-selector, .damage-effect-indicator, label { + width: 20px; +} + +.damage-selector, .damage-effect-indicator { + height: 30px; +} + +.damage-selector { + margin: 0; + padding: 0; + border: 1px solid black; + display: inline-block; +} + +.damage-effect-indicator { + position: absolute; + margin: 0; + padding: 0; + display: block; + pointer-events: none; + font-family: monospace; +} + +.damage-selector.clear { + background-color: white; +} + +.damage-selector.bruise { + background-color: orange; +} + +.damage-selector.lethal { + background-color: red; +} + +label input[type="radio"] { + position: absolute; + opacity: 0; + margin: 0; + padding: 0; +} + +label { + display: none; + margin: 0 auto; + padding: 0; +} + +label:first-of-type { + display: block; +} + +label:has(input:checked) { + display: none; +} + +label:has(+ label input:checked) { + display: none; +} + +label:has(input:checked) + label { + display: block; +} |