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