src/wolnelektury/static/2022/styles/layout/_footer.scss

   1 .l-footer {
   2   color: #FFFFFF;
   3   background: #083F4D;
   4   margin: 0 auto;
   5   padding-top: 27px;
   6   padding-bottom: 38px;
   7
   8   .l-container {
   9       display: flex;
  10       flex-direction: column;
  11       @include rwd($break-footer) {
  12           display: block;
  13       }
  14   }
  15 }
  16
  17 .l-footer__row {
  18   display: flex;
  19
  20   align-items: flex-start;
  21   flex-direction: column;
  22
  23   @include rwd($break-footer) {
  24       flex-direction: row;
  25       align-items: center;
  26       justify-content: space-between;
  27   }
  28
  29       a {
  30         color: #85C7CC;
  31         &:hover {
  32           color: #85C7CC;
  33           text-decoration: underline;
  34         }
  35       }
  36
  37       &:nth-child(1) {
  38     padding-bottom: 25px;
  39     border-bottom: 1px solid #007880;
  40     align-items: flex-start;
  41   }
  42
  43   &:nth-child(2) {
  44       margin-top: 25px;
  45       column-gap: 20px;
  46
  47     div {
  48         font-size: 14px;
  49         @include rwd($break-footer) {
  50             font-size: unset;
  51       }
  52       &:nth-child(1) {
  53         max-width: 315px;
  54         padding-right: 53px;
  55
  56         border-right: 0;
  57         min-width: 0;
  58         margin-bottom: 20px;
  59         @include rwd($break-footer) {
  60             min-width: 270px;
  61             border-right: 1px solid #007880;
  62             margin-bottom: 0;
  63         }
  64       }
  65       &:nth-child(3) {
  66         max-width: 483px;
  67         margin-top: 20px;
  68         @include rwd($break-footer) {
  69             margin-top: 0;
  70         }
  71       }
  72
  73     }
  74   }
  75
  76   ul {
  77     padding: 0;
  78     list-style: none;
  79     margin-top: 20px 0 0 0;
  80     @include rwd($break-footer) {
  81         margin: 0;
  82     }
  83     li {
  84       font-weight: normal;
  85       font-size: 14x;
  86       line-height: 150%;
  87       @include rwd($break-footer) {
  88           font-size: unset;
  89       }
  90     }
  91
  92     &:nth-of-type(1) {
  93       margin-left: 0;
  94       margin-right: auto;
  95     }
  96
  97     &:nth-of-type(2) {
  98       margin-left: 0;
  99       margin-right: auto;
 100       @include rwd($break-footer) {
 101         margin-left: 10px;
 102       }
 103     }
 104
 105     &.teal {
 106       color: #85C7CC;
 107       a {
 108         color: white;
 109         &:hover {
 110           text-decoration: underline;
 111         }
 112       }
 113     }
 114   }
 115 }