X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Ftracker.scss;h=eae60c3586d0992746148feee5adababa5dc7cec;hb=4a9ad147aedfae6d5488a7121cacf9a18775ff21;hp=2e75301da33bee88a795ac67666ccd5d18fce0fe;hpb=3213c82ad2dd75e313d15423e25653596c7ce278;p=alttp.git

diff --git a/resources/sass/tracker.scss b/resources/sass/tracker.scss
index 2e75301..eae60c3 100644
--- a/resources/sass/tracker.scss
+++ b/resources/sass/tracker.scss
@@ -1,4 +1,9 @@
 .tracker {
+	.auto-tracking {
+		.custom-toggle {
+			vertical-align: middle;
+		}
+	}
 	.count-display,
 	.med-display {
 		background: black;
@@ -39,6 +44,9 @@
 			}
 		}
 	}
+	.dungeons {
+		padding: 1ex;
+	}
 	.dungeon-ep,
 	.dungeon-pd {
 		margin-top: 1ex;
@@ -49,6 +57,9 @@
 		gap: 1ex;
 		padding: 1ex;
 	}
+	.inventory {
+		font-size: 110%;
+	}
 	.items {
 		display: grid;
 		grid-template-columns: 3em 3em 3em 3em 3em;
@@ -118,6 +129,53 @@
 			line-height: 1;
 		}
 	}
+	.tracker-map {
+		.canvas {
+			width: 100%;
+			height: auto;
+			.location {
+				.box {
+					width: 0.04px;
+					height: 0.04px;
+					transform: translate(-0.02px, -0.02px);
+					fill: #0d0;
+					stroke: black;
+					stroke-width: 1px;
+					vector-effect: non-scaling-stroke;
+				}
+				.text {
+					fill: black;
+					font-size: 0.02px;
+					font-weight: bold;
+					text-anchor: middle;
+					dominant-baseline: middle;
+					pointer-events: none;
+					user-select: none;
+				}
+				&.status-cleared {
+					.box {
+						fill: grey;
+						opacity: 0.4;
+					}
+				}
+				&.size-lg {
+					.box {
+						width: 0.08px;
+						height: 0.08px;
+						transform: translate(-0.04px, -0.04px);
+					}
+					.text {
+						font-size: 0.04px;
+					}
+				}
+				&.clickable {
+					.box:hover {
+						stroke: white;
+					}
+				}
+			}
+		}
+	}
 	.toggle-icon {
 		&.inactive {
 			opacity: .5;