X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fmap.scss;h=8b80adaf54626d71cd55e944820bebd70b7003b4;hb=1a3d040147c19d24b8d02ec8e594eb06b8efc1ff;hp=38376a1b4429b47363036a5a802e08dfde1a8e7d;hpb=f1c8c3cc53a09d1c261875d2f482b6e19bc48a9a;p=alttp.git

diff --git a/resources/sass/map.scss b/resources/sass/map.scss
index 38376a1..8b80ada 100644
--- a/resources/sass/map.scss
+++ b/resources/sass/map.scss
@@ -5,6 +5,10 @@
 		stroke-width: 1px;
 		vector-effect: non-scaling-stroke;
 	}
+	> a .zelda-icon {
+		height: 1em;
+		width: 1em;
+	}
 }
 
 .map-popover {
@@ -15,6 +19,10 @@
 	&.hidden {
 		display: none;
 	}
+
+	.tech-title-icons {
+		margin-right: 1ex;
+	}
 }
 
 .pin-list {
@@ -32,3 +40,94 @@
 		text-decoration: none;
 	}
 }
+
+.uw-super-tiles {
+	display: grid;
+	height: 100%;
+	grid-template-columns: repeat(16, 1fr);
+
+	> div {
+		position: relative;
+		border: thin solid black;
+		padding: .25ex;
+
+		&.dark {
+			border: medium solid black;
+		}
+		&.kick {
+			border: medium solid yellow;
+		}
+		&.weak-eg {
+			border: medium solid orange;
+		}
+		&.strong-eg {
+			border: medium solid green;
+		}
+
+		&::before,
+		&::after {
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100%;
+			height: 100%;
+			pointer-events: none;
+		}
+
+		&.cam-x::before {
+			content: '';
+			height: 50%;
+			border-bottom: thin solid cyan;
+		}
+		&.cam-xl::before {
+			content: '';
+			position: absolute;
+			width: 50%;
+			height: 50%;
+			border-bottom: thin solid cyan;
+		}
+		&.cam-xr::before {
+			content: '';
+			position: absolute;
+			left: 50%;
+			width: 50%;
+			height: 50%;
+			border-bottom: thin solid cyan;
+		}
+		&.cam-y::after {
+			content: '';
+			position: absolute;
+			width: 50%;
+			border-right: thin solid cyan;
+		}
+		&.cam-yu::after {
+			content: '';
+			position: absolute;
+			width: 50%;
+			height: 50%;
+			border-right: thin solid cyan;
+		}
+		&.cam-yd::after {
+			content: '';
+			position: absolute;
+			top: 50%;
+			width: 50%;
+			height: 50%;
+			border-right: thin solid cyan;
+		}
+	}
+
+	.cell-id,
+	.cell-drop {
+		margin: 0;
+		line-height: 1;
+	}
+	.cell-drop {
+		font-size: 80%;
+	}
+	.cell-link {
+		color: inherit;
+		cursor: pointer;
+		text-decoration: none;
+	}
+}