]> git.localhorst.tv Git - alttp.git/blob - resources/sass/techniques.scss
crew management
[alttp.git] / resources / sass / techniques.scss
1 .ruleset-box {
2         display: inline-grid;
3         grid-template-columns: 1fr 1fr;
4         gap: 0 1ex;
5         padding: 0.5ex;
6         border-radius: 0.5ex;
7
8         .form-check label {
9                 margin-top: 0;
10         }
11 }
12
13 .tech-filter {
14         max-width: 18em;
15         text-align: right;
16         .form-check {
17                 text-align: left;
18         }
19 }
20
21 .tech-list {
22         margin: 1em 0;
23         padding: 0;
24         list-style: none;
25
26         li {
27                 margin: 1ex 0;
28                 padding: 1ex;
29                 border-top: thin solid silver;
30         }
31
32         h2 > a {
33                 text-decoration: none;
34         }
35 }
36
37 .tech-requirements {
38         ul {
39                 margin: 0;
40                 padding: 0;
41                 list-style: none;
42         }
43         li {
44                 display: inline;
45                 list-style: none;
46                 margin: 0 1ex;
47                 padding: 0;
48
49                 &::before {
50                         display: inline;
51                         content: " / ";
52                         margin-right: 1ex;
53                 }
54                 &:first-child::before {
55                         display: none;
56                 }
57         }
58         .requirement {
59                 display: inline-flex;
60                 vertical-align: middle;
61         }
62 }
63
64 .tech-outline {
65         float: right;
66 }