X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Ftechniques.scss;h=eff0c62ee9ca1f7dbe04a2c5cd2f7101081bd524;hb=f1c8c3cc53a09d1c261875d2f482b6e19bc48a9a;hp=19dcf417be16f743721df2aa4624f7e3335efd31;hpb=6c51a1601e74bc822ccafe984d525d0e9a35ca28;p=alttp.git

diff --git a/resources/sass/techniques.scss b/resources/sass/techniques.scss
index 19dcf41..eff0c62 100644
--- a/resources/sass/techniques.scss
+++ b/resources/sass/techniques.scss
@@ -1,3 +1,23 @@
+.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;
@@ -14,6 +34,33 @@
 	}
 }
 
+.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-outline {
 	float: right;
 }