| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <webdevcat@proton.me> | 2024-06-27 19:52:12 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-06-27 19:52:12 -0700 |
| commit | 7364c01efe774b4f48a3f6c32a2648dab028b6b4 (patch) | |
| tree | 9d0e655cb19a8c2209421f305efbadff9d403480 /public | |
| parent | 295f0ae192b9823f619ed483ff58b99d4824aee3 (diff) | |
Put grid cells above buildings
Diffstat (limited to 'public')
| -rw-r--r-- | public/assets/css/map.css | 2 | ||||
| -rw-r--r-- | public/assets/css/radial.css | 78 |
2 files changed, 17 insertions, 63 deletions
diff --git a/public/assets/css/map.css b/public/assets/css/map.css index c781cf5..38d8f23 100644 --- a/public/assets/css/map.css +++ b/public/assets/css/map.css @@ -15,7 +15,7 @@ text { } use[href="#hex"] { - opacity: 0; + opacity: 0.25; fill: transparent; fill-opacity: 0.5; stroke-width: 0.5px; diff --git a/public/assets/css/radial.css b/public/assets/css/radial.css index 198c7d9..2f03cb2 100644 --- a/public/assets/css/radial.css +++ b/public/assets/css/radial.css @@ -68,78 +68,37 @@ use[href="#hex"] { stroke-linecap: square; } -.elevation-basement { - fill: lightgray; +.building [class*="elevation"] { display: none; } -.elevation-0 use[href="#hex"] { - /* fill: green; */ -} - -.elevation-1, -.elevation-2 { +[data-view-elevation="-1"] .building .elevation-basement { display: inline; } -.elevation-1 use[href="#hex"] { - fill: lightblue; -} - -.elevation-2 use[href="#hex"] { - fill: lightpink; -} - -.building .elevation-1 { - fill: lightblue; -} - -.elevation-roof { - display: none; -} - -.building .elevation-basement use { - fill: lightgray; -} - -.building .elevation-0 use { - fill: white; -} - -.building .elevation-1 use { - fill: lightblue; -} - -.building .elevation-2 use { - fill: lightgreen; -} - -.building .elevation-3 use { - fill: lightpink; -} - -.view-elevation-roof .floor { - fill: darkgray; +[data-view-elevation="0"] .building .elevation-0 { + display: inline; } -.building .elevation-1 { - display: none; +[data-view-elevation="1"] .building .elevation-1 { + display: inline; } -.building > * { - display: none; +[data-view-elevation="2"] .building .elevation-2 { + display: inline; } -[data-view-elevation="-1"] [class^="elevation"] { - display: none; +[data-view-elevation="3"] .building .elevation-3 { + display: inline; } +/* [data-view-elevation="-1"] .building > *, [data-view-elevation="-1"] .building > .structure > * { display: none; -} +} */ -[data-view-elevation="-1"] .building > .elevation-basement, +/* [data-view-elevation="-1"] .building > .elevation-basement, [data-view-elevation="-1"] .building > .elevation-basement ~ .structure, [data-view-elevation="-1"] .building > .elevation-basement ~ .structure [class*="wall"], [data-view-elevation="-1"] .building > .elevation-basement ~ .structure .floor, @@ -147,9 +106,9 @@ use[href="#hex"] { [data-view-elevation="-1"] .building > .elevation-basement ~ .structure .door-edges:not(.exits), [data-view-elevation="-1"] .building > .elevation-basement ~ .structure .furniture { display: inline; -} +} */ -[data-view-elevation="0"] .building .elevation-0, +/* [data-view-elevation="0"] .building .elevation-0, [data-view-elevation="0"] .building .elevation-0 ~ .structure { display: inline; } @@ -219,12 +178,7 @@ use[href="#hex"] { [data-view-elevation="1"] .building .elevation-1 { display: inline; -} - -.building [class*="elevation"] use { - /* fill-opacity: 0.33; */ - stroke: black; -} +} */ #tree .trunk { fill: brown; |