X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Ftechniques.scss;h=55e3c7cad45052626f8c9393910a2c46752de2cd;hb=6976d85a7117de53f7d42dee3de1f6b8fcb9726d;hp=c4fa505032ceb4333c7391b85b3b482cbac4f272;hpb=7e8555cfc96dcd364ca4fe9895e51af1bb04b546;p=alttp.git

diff --git a/resources/sass/techniques.scss b/resources/sass/techniques.scss
index c4fa505..55e3c7c 100644
--- a/resources/sass/techniques.scss
+++ b/resources/sass/techniques.scss
@@ -1,3 +1,71 @@
+.ruleset-box {
+	display: inline-grid;
+	grid-template-columns: 1fr 1fr;
+	gap: 0 1ex;
+	padding: 0.5ex;
+	border-radius: 0.5ex;
+
+	.form-check label {
+		margin-top: 0;
+	}
+}
+
+.tech-filter {
+	max-width: 18em;
+	text-align: right;
+	.form-check {
+		text-align: left;
+	}
+}
+
+.tech-list {
+	margin: 1em 0;
+	padding: 0;
+	list-style: none;
+
+	li {
+		margin: 1ex 0;
+		padding: 1ex;
+		border-top: thin solid silver;
+	}
+
+	h2 > a {
+		text-decoration: none;
+	}
+}
+
+.tech-requirements {
+	ul {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+	li {
+		display: inline;
+		list-style: none;
+		margin: 0 1ex;
+		padding: 0;
+
+		&::before {
+			display: inline;
+			content: " / ";
+			margin-right: 1ex;
+		}
+		&:first-child::before {
+			display: none;
+		}
+	}
+	.requirement {
+		display: inline-flex;
+		vertical-align: middle;
+	}
+}
+
+.tech-title-icons {
+	display: inline-flex;
+	vertical-align: middle;
+}
+
 .tech-outline {
 	float: right;
 }