From d1ed2617d61e0701fc473ff97e09842ca45a7fe5 Mon Sep 17 00:00:00 2001 From: nsensfel Date: Fri, 6 Apr 2018 18:22:39 +0200 Subject: Use SVG for tiles. The grass tiles look good, the rocky ground ones not so much... --- src/battlemap/www/style.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) (limited to 'src/battlemap/www') diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css index b4e744a..4ba0dc5 100644 --- a/src/battlemap/www/style.css +++ b/src/battlemap/www/style.css @@ -195,7 +195,17 @@ /* max-width: 32px; */ } -.battlemap-tile-icon {z-index: 0; position: absolute;} +.battlemap-tile-variant-0 {background-position: 0 0;} +.battlemap-tile-variant-1 {background-position: 32px 0;} +.battlemap-tile-variant-2 {background-position: 64px 0;} +.battlemap-tile-variant-3 {background-position: 0 32px;} +.battlemap-tile-variant-4 {background-position: 32px 32px;} +.battlemap-tile-variant-5 {background-position: 64px 32px;} +.battlemap-tile-variant-6 {background-position: 0 64px;} +.battlemap-tile-variant-7 {background-position: 32px 64px;} +.battlemap-tile-variant-8 {background-position: 64px 64px;} + +.battlemap-tile-icon {z-index: 0; position: absolute; background-size: 96px 96px;} .battlemap-marker-icon {z-index: 1;} .battlemap-character-icon {z-index: 2;} .battlemap-path-icon {z-index: 3; color: white;} -- cgit v1.2.3-70-g09d2