tech title icons

[alttp.git] / resources / sass / techniques.scss

diff --git a/resources/sass/techniques.scss b/resources/sass/techniques.scss
index c4fa505032ceb4333c7391b85b3b482cbac4f272..55e3c7cad45052626f8c9393910a2c46752de2cd 100644 (file)
--- 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;
 }