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 + '