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-title-icons {
  65         display: inline-flex;
  66         vertical-align: middle;
  67 }
  68
  69 .tech-outline {
  70         float: right;
  71 }