X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fmap.scss;h=78c9a2b7ed36eb008e207810ba2d629df160ffcb;hb=6976d85a7117de53f7d42dee3de1f6b8fcb9726d;hp=95d645ad178a01868d4d85d04fa156a128825be5;hpb=f17b9f3b6f7f9e678c681c719eea6fb5c41a387f;p=alttp.git

diff --git a/resources/sass/map.scss b/resources/sass/map.scss
index 95d645a..78c9a2b 100644
--- a/resources/sass/map.scss
+++ b/resources/sass/map.scss
@@ -2,7 +2,7 @@
 	path {
 		fill: red;
 		stroke: black;
-		stroke-width: 2px;
+		stroke-width: 1px;
 		vector-effect: non-scaling-stroke;
 	}
 }
@@ -15,4 +15,115 @@
 	&.hidden {
 		display: none;
 	}
+
+	.tech-title-icons {
+		margin-right: 1ex;
+	}
+}
+
+.pin-list {
+	margin: 1em 0;
+	padding: 0;
+	list-style: none;
+
+	li {
+		margin: 1ex 0;
+		padding: 1ex;
+		border-top: thin solid silver;
+	}
+
+	h2 > a, h3 > a {
+		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;
+	}
 }