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

diff --git a/resources/sass/techniques.scss b/resources/sass/techniques.scss
index 19dcf41..55e3c7c 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,38 @@
 	}
 }
 
+.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;
 }