src/wolnelektury/static/2021/css/layout/_footer.scss

   1 .l-footer {}
   2
   3 .l-footer__row {}
   4
   5 .l-footer__col {
   6   p {}
   7 }
   8
   9 .l-footer {
  10   max-width: 1140px;
  11   margin: 0 auto;
  12   padding-top: 60px;
  13   border-top: 4px solid #CCCCCC;
  14   margin-top: 100px;
  15 }
  16
  17 .l-footer__row {
  18   display: flex;
  19 }
  20
  21
  22 .l-footer__col {
  23   width: 100%;
  24 }
  25
  26 .l-footer p {
  27   font-weight: normal;
  28   font-size: 16px;
  29   line-height: 19px;
  30   /* identical to box height */
  31   letter-spacing: 0.01em;
  32   color: #666666;
  33   margin-top: 22px;
  34 }
  35
  36 .l-footer__col p:not(:last-child) {
  37   padding-bottom: 37px;
  38   border-bottom: 1px solid #CCCCCC;
  39 }
  40
  41 .l-footer__row .l-footer__col:first-child {
  42   border-right: 1px solid #ccc;
  43   padding-right: 10px;
  44 }
  45
  46 .l-footer__col ul {
  47   font-weight: bold;
  48   font-size: 24px;
  49   line-height: 125%;
  50   /* or 30px */
  51   letter-spacing: -0.01em;
  52   color: #666666;
  53   list-style: none;
  54   padding-left: 10px;
  55 }
  56
  57 .l-footer__col ul:first-child {
  58   margin-top: 0;
  59 }
  60
  61 .l-footer__col p:first-child {
  62   margin-top: 5px;
  63 }
  64
  65 .l-footer__col p:last-child {
  66   padding-bottom: 10px;
  67 }
  68
  69 .l-footer__row:last-child {
  70   margin-top: 20px;
  71   border-top: 1px solid #ccc;
  72   border-bottom: 12px solid #CCCCCC;
  73 }
  74
  75 .l-footer__row:last-child p {
  76   margin-top: 64px;
  77   margin-bottom: 64px;
  78 }