From 410d58597cad17c4f6fef53afd032944b87418f4 Mon Sep 17 00:00:00 2001 From: Sam Tubbax Date: Sun, 4 Jan 2026 12:04:23 +0100 Subject: [PATCH] Fix hyperlane rotation issue --- css/style.css | 98 +++++++++++++++++++++------------------------- css/style.css.map | 2 +- css/style.scss | 51 ++++++++++++++---------- js/generate-map.js | 5 ++- 4 files changed, 80 insertions(+), 76 deletions(-) diff --git a/css/style.css b/css/style.css index c1d859b..22881f1 100644 --- a/css/style.css +++ b/css/style.css @@ -747,6 +747,19 @@ h4:first-child { font-size: 100px; } } +.map .tile { + position: absolute; + transform: translate(-50%, -50%); +} +.map .tile:hover { + z-index: 999; +} +.map .tile:hover .zoom { + opacity: 1; +} +.map .tile:hover span { + display: none; +} .map span { color: #FEFCF8; position: absolute; @@ -754,7 +767,8 @@ h4:first-child { word-break: break-word; z-index: 99; width: 5em; - transform: translate(-50%, -50%) scale(0.3, 0.3); + font-size: 23px; + transform: translate(-50%, -50%); text-align: center; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); } @@ -763,15 +777,29 @@ h4:first-child { position: absolute; transform: translate(-50%, -50%); } +.map img[data-rotate="1"] { + transform: translate(-50%, -50%) rotate(60deg); +} +.map img[data-rotate="2"] { + transform: translate(-50%, -50%) rotate(120deg); +} +.map img[data-rotate="3"] { + transform: translate(-50%, -50%) rotate(180deg); +} +.map img[data-rotate="4"] { + transform: translate(-50%, -50%) rotate(240deg); +} +.map img[data-rotate="5"] { + transform: translate(-50%, -50%) rotate(300deg); +} +.map img[data-rotate="6"] { + transform: translate(-50%, -50%) rotate(360deg); +} .map img.zoom { width: 300px; opacity: 0; pointer-events: none; } -.map img:hover + .zoom { - opacity: 1; - z-index: 999; -} .map *[data-q="-5"][data-r="-5"] { left: -7.5em; top: -12.98em; @@ -1259,111 +1287,75 @@ h4:first-child { .map[data-rotate="1"] { transform: rotate(60deg); } -.map[data-rotate="1"] img { +.map[data-rotate="1"] .tile.regular, .map[data-rotate="1"] .tile.hyperlane span { transform: translate(-50%, -50%) rotate(-60deg); } -.map[data-rotate="1"] span { - transform: translate(-50%, -50%) rotate(-60deg) scale(0.3, 0.3); -} .map[data-rotate="-1"] { transform: rotate(-60deg); } -.map[data-rotate="-1"] img { +.map[data-rotate="-1"] .tile.regular, .map[data-rotate="-1"] .tile.hyperlane span { transform: translate(-50%, -50%) rotate(60deg); } -.map[data-rotate="-1"] span { - transform: translate(-50%, -50%) rotate(60deg) scale(0.3, 0.3); -} .map[data-rotate="2"] { transform: rotate(120deg); } -.map[data-rotate="2"] img { +.map[data-rotate="2"] .tile.regular, .map[data-rotate="2"] .tile.hyperlane span { transform: translate(-50%, -50%) rotate(-120deg); } -.map[data-rotate="2"] span { - transform: translate(-50%, -50%) rotate(-120deg) scale(0.3, 0.3); -} .map[data-rotate="-2"] { transform: rotate(-120deg); } -.map[data-rotate="-2"] img { +.map[data-rotate="-2"] .tile.regular, .map[data-rotate="-2"] .tile.hyperlane span { transform: translate(-50%, -50%) rotate(120deg); } -.map[data-rotate="-2"] span { - transform: translate(-50%, -50%) rotate(120deg) scale(0.3, 0.3); -} .map[data-rotate="3"] { transform: rotate(180deg); } -.map[data-rotate="3"] img { +.map[data-rotate="3"] .tile.regular, .map[data-rotate="3"] .tile.hyperlane span { transform: translate(-50%, -50%) rotate(-180deg); } -.map[data-rotate="3"] span { - transform: translate(-50%, -50%) rotate(-180deg) scale(0.3, 0.3); -} .map[data-rotate="-3"] { transform: rotate(-180deg); } -.map[data-rotate="-3"] img { +.map[data-rotate="-3"] .tile.regular, .map[data-rotate="-3"] .tile.hyperlane span { transform: translate(-50%, -50%) rotate(180deg); } -.map[data-rotate="-3"] span { - transform: translate(-50%, -50%) rotate(180deg) scale(0.3, 0.3); -} .map[data-rotate="4"] { transform: rotate(240deg); } -.map[data-rotate="4"] img { +.map[data-rotate="4"] .tile.regular, .map[data-rotate="4"] .tile.hyperlane span { transform: translate(-50%, -50%) rotate(-240deg); } -.map[data-rotate="4"] span { - transform: translate(-50%, -50%) rotate(-240deg) scale(0.3, 0.3); -} .map[data-rotate="-4"] { transform: rotate(-240deg); } -.map[data-rotate="-4"] img { +.map[data-rotate="-4"] .tile.regular, .map[data-rotate="-4"] .tile.hyperlane span { transform: translate(-50%, -50%) rotate(240deg); } -.map[data-rotate="-4"] span { - transform: translate(-50%, -50%) rotate(240deg) scale(0.3, 0.3); -} .map[data-rotate="5"] { transform: rotate(300deg); } -.map[data-rotate="5"] img { +.map[data-rotate="5"] .tile.regular, .map[data-rotate="5"] .tile.hyperlane span { transform: translate(-50%, -50%) rotate(-300deg); } -.map[data-rotate="5"] span { - transform: translate(-50%, -50%) rotate(-300deg) scale(0.3, 0.3); -} .map[data-rotate="-5"] { transform: rotate(-300deg); } -.map[data-rotate="-5"] img { +.map[data-rotate="-5"] .tile.regular, .map[data-rotate="-5"] .tile.hyperlane span { transform: translate(-50%, -50%) rotate(300deg); } -.map[data-rotate="-5"] span { - transform: translate(-50%, -50%) rotate(300deg) scale(0.3, 0.3); -} .map[data-rotate="6"] { transform: rotate(360deg); } -.map[data-rotate="6"] img { +.map[data-rotate="6"] .tile.regular, .map[data-rotate="6"] .tile.hyperlane span { transform: translate(-50%, -50%) rotate(-360deg); } -.map[data-rotate="6"] span { - transform: translate(-50%, -50%) rotate(-360deg) scale(0.3, 0.3); -} .map[data-rotate="-6"] { transform: rotate(-360deg); } -.map[data-rotate="-6"] img { +.map[data-rotate="-6"] .tile.regular, .map[data-rotate="-6"] .tile.hyperlane span { transform: translate(-50%, -50%) rotate(360deg); } -.map[data-rotate="-6"] span { - transform: translate(-50%, -50%) rotate(360deg) scale(0.3, 0.3); -} .rotate-map { display: flex; diff --git a/css/style.css.map b/css/style.css.map index 844fa64..d75e51f 100644 --- a/css/style.css.map +++ b/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"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EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAOV;EACE;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEA;EACE;;AAEF;EACE;;AAjBJ;EACE;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEA;EACE;;AAEF;EACE;;AAjBJ;EACE;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEA;EACE;;AAEF;EACE;;AAjBJ;EACE;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEA;EACE;;AAEF;EACE;;AAjBJ;EACE;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEA;EACE;;AAEF;EACE;;AAjBJ;EACE;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEA;EACE;;AAEF;EACE;;;AAKV;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACI;EACA;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;;;AAGJ;EACI;EACA;;AAEA;EAJJ;IAKQ;;;;AAKR;EACI;EACA;EACA;;;AAGR;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;;AACA;EACI;;;AAIJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;;AACA;EACI,OA75BG;;AAi6BX;EACI;;AACA;EACI,OAn6BG;;AAu6BX;EACI;;AACA;EACI,OAz6BG;;AA66BX;EACI;;AACA;EACI,OA/6BG;;;AAo7BX;EACI;EACA;EACA;;AAEJ;EACI,OA77BO;;AA+7BX;EACI,OA/7BO;;AAi8BX;EACI,OAj8BO;;AAm8BX;EACI,OAn8BO;;;AAu8Bf;EACI;IACI,kBAn9BK;;EAs9BT;IACI,OAx9BW;;EA29Bf;IACI,kBA39BK;IA49BL,OA79BW;IA89BX,cA99BW;;EAi+Bf;IACI,OA/9Be;;EAk+BnB;IACI,kBAn+Be;IAo+Bf,OAv+BW;;EA0+Bf;IACI,cA3+BW;;EA++BX;IACI,cA5+BS;;EA8+Bb;IACI,cA/+BS;IAg/BT,kBAn/BC;;EAq/BD;IACI,qBAt/BH;IAu/BG,kBAv/BH;;EA6/BT;IACI,cA3/Ba;;EA8/BjB;IACI,kBAlgCK;;EAqgCT;IACI,OAtgCK;;EAwgCT;IACI;;EAEJ;IACI,OA7gCW;IA8gCX,cA9gCW;;;AAkhCnB;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;IACI;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EACA;IACI;;EAGR;IACI;IACA;;EACA;IACI;;EAGR;IACI;;EAEJ;IACI;IACA","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"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CA;;AAIA;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVJ;IAWQ;;;AAGJ;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,kBA/pBW;EAgqBX;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGA;EACI;;;AAIJ;EACI;EACA;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;EAEA;;AAEA;EACI;;AAEJ;EACI;;;AAGR;EACI;EACA;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EAEI;EACA;;;AAEJ;EACI;;AAEA;EACI;EACA;EACA;EACA;;;AAGR;EACI;;;AAEJ;EACI;;AAEA;EACI;;;AAGR;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EAKA;;AAJA;EALJ;IAMQ;;;AAKJ;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAEF;EACE;;AAMN;EACI,OAlyBW;EAmyBX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAIE;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AAKJ;EACI;EACA;EACA;;AAOA;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAFJ;EACI;EACA;;AAOV;EACE;;AACA;EACE;;AAGJ;EACE;;AAEA;EACE;;AAVJ;EACE;;AACA;EACE;;AAGJ;EACE;;AAEA;EACE;;AAVJ;EACE;;AACA;EACE;;AAGJ;EACE;;AAEA;EACE;;AAVJ;EACE;;AACA;EACE;;AAGJ;EACE;;AAEA;EACE;;AAVJ;EACE;;AACA;EACE;;AAGJ;EACE;;AAEA;EACE;;AAVJ;EACE;;AACA;EACE;;AAGJ;EACE;;AAEA;EACE;;;AAKV;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACI;EACA;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;;;AAGJ;EACI;EACA;;AAEA;EAJJ;IAKQ;;;;AAKR;EACI;EACA;EACA;;;AAGR;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;;AACA;EACI;;;AAIJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;;AACA;EACI,OAt6BG;;AA06BX;EACI;;AACA;EACI,OA56BG;;AAg7BX;EACI;;AACA;EACI,OAl7BG;;AAs7BX;EACI;;AACA;EACI,OAx7BG;;;AA67BX;EACI;EACA;EACA;;AAEJ;EACI,OAt8BO;;AAw8BX;EACI,OAx8BO;;AA08BX;EACI,OA18BO;;AA48BX;EACI,OA58BO;;;AAg9Bf;EACI;IACI,kBA59BK;;EA+9BT;IACI,OAj+BW;;EAo+Bf;IACI,kBAp+BK;IAq+BL,OAt+BW;IAu+BX,cAv+BW;;EA0+Bf;IACI,OAx+Be;;EA2+BnB;IACI,kBA5+Be;IA6+Bf,OAh/BW;;EAm/Bf;IACI,cAp/BW;;EAw/BX;IACI,cAr/BS;;EAu/Bb;IACI,cAx/BS;IAy/BT,kBA5/BC;;EA8/BD;IACI,qBA//BH;IAggCG,kBAhgCH;;EAsgCT;IACI,cApgCa;;EAugCjB;IACI,kBA3gCK;;EA8gCT;IACI,OA/gCK;;EAihCT;IACI;;EAEJ;IACI,OAthCW;IAuhCX,cAvhCW;;;AA2hCnB;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;IACI;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EACA;IACI;;EAGR;IACI;IACA;;EACA;IACI;;EAGR;IACI;;EAEJ;IACI;IACA","file":"style.css"} \ No newline at end of file diff --git a/css/style.scss b/css/style.scss index 2f82b4e..61cfa33 100644 --- a/css/style.scss +++ b/css/style.scss @@ -788,6 +788,22 @@ h4 { position: relative; + .tile { + position: absolute; + transform: translate(-50%, -50%); + + &:hover { + z-index: 999; + + .zoom { + opacity: 1; + } + span { + display: none; + } + } + } + span { color: $color-background; @@ -796,7 +812,8 @@ h4 { word-break: break-word; z-index: 99; width: 5em; - transform: translate(-50%, -50%) scale(0.3, 0.3); + font-size: 23px; + transform: translate(-50%, -50%); text-align: center; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); } @@ -805,24 +822,23 @@ h4 { position: absolute; transform: translate(-50%, -50%); + + @for $i from 1 through 6 { + &[data-rotate="#{$i}"] { + transform: translate(-50%, -50%) rotate(#{$i * 60}deg); + } + } + + &.zoom { width: 300px; opacity: 0; pointer-events: none; } - - &:hover + .zoom { - opacity: 1; - z-index: 999; - } - &:hover + .zoom + span { - //z-index: 9999; - //transform: translate(-50%, -50%) scale(0.6, 0.6); - //font-weight: 600; - } } - @for $q from -5 through 5 { + + @for $q from -5 through 5 { @for $r from -5 through 5 { *[data-q="#{$q}"][data-r="#{$r}"] { left: #{$q * 1.5}em; @@ -835,23 +851,16 @@ h4 { @for $i from 1 through 6 { &[data-rotate="#{$i}"] { transform: rotate(#{$i * 60}deg); - - img { + .tile.regular, .tile.hyperlane span { transform: translate(-50%, -50%) rotate(#{$i * -60}deg) } - span { - transform: translate(-50%, -50%) rotate(#{$i * -60}deg) scale(0.3, 0.3); - } } &[data-rotate="-#{$i}"] { transform: rotate(#{$i * -60}deg); - img { + .tile.regular, .tile.hyperlane span { transform: translate(-50%, -50%) rotate(#{$i * 60}deg) } - span { - transform: translate(-50%, -50%) rotate(#{$i * 60}deg) scale(0.3, 0.3); - } } } } diff --git a/js/generate-map.js b/js/generate-map.js index c21ee71..f0b90e6 100644 --- a/js/generate-map.js +++ b/js/generate-map.js @@ -506,7 +506,10 @@ function draw_tile(tile) { if(tile_image.substring(0, 2) != 'DS') tile_image = 'ST_' + tile_image; tile_image = window.routes.tile_images + '/' + tile_image; - let html = '' + label + ''; + let html = '
' + + '' + + '' + + '' + label + '
'; return { html: html,