X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fmap.scss;h=3f8ae067d65ed629b4e6157ef051c07074ae4804;hb=939bf6d3ab44e3ce08116c2e9fdab160c35e894b;hp=38376a1b4429b47363036a5a802e08dfde1a8e7d;hpb=2730f0f38f5c6d52079c2bae7515ee5896e4de81;p=alttp.git

diff --git a/resources/sass/map.scss b/resources/sass/map.scss
index 38376a1..3f8ae06 100644
--- a/resources/sass/map.scss
+++ b/resources/sass/map.scss
@@ -32,3 +32,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;
+	}
+}