tech title icons

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

diff --git a/resources/sass/techniques.scss b/resources/sass/techniques.scss
index 8355e70b61a8baccb281fe851b7e46fef17f2da9..55e3c7cad45052626f8c9393910a2c46752de2cd 100644 (file)
--- a/resources/sass/techniques.scss
+++ b/resources/sass/techniques.scss
@@ -34,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;
 }