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

   1 .l-quotes {
   2   width: 100%;
   3   max-width: 1140px;
   4   margin-top: 24px;
   5   position: relative;
   6   overflow: hidden;
   7   padding-bottom: 40px;
   8
   9   @include rwd($break-flow) {
  10     margin-top: 58px;
  11   }
  12
  13   .slick-dots {
  14     bottom: 0;
  15     li button:before {
  16       border: 1px solid #007880;
  17     }
  18   }
  19 }
  20
  21 .l-quotes__item {
  22   background: #E1F1F2;
  23   border-radius: 10px;
  24   width: 558px;
  25   margin-top: 50px;
  26   margin-left: 0;
  27   margin-right: 0;
  28   padding-left: 32px;
  29   padding-right: 32px;
  30   padding-bottom: 32px;
  31
  32   @include rwd($break-flow) {
  33       margin-left: 32px;
  34       margin-right: 32px;
  35   }
  36
  37   img {
  38     margin: 0 auto;
  39     border-radius: 50%;
  40     overflow: hidden;
  41     font-size: 0;
  42     margin-top: -24px;
  43     width: 48px;
  44     height: 48px;
  45
  46     @include rwd($break-flow) {
  47         width: unset;
  48         height: unset;
  49         margin-top: -50px;
  50     }
  51   }
  52
  53   h4 {
  54     margin-top: 5px;
  55     font-weight: $semibold;
  56     @include font-size(14px);
  57     line-height: 140%;
  58     text-align: center;
  59     letter-spacing: -0.01em;
  60     color: #474747;
  61
  62     @include rwd($break-flow) {
  63       margin-top: 10px;
  64       @include font-size(25px);
  65     }
  66   }
  67
  68   p {
  69     margin-top: 12px;
  70     font-style: italic;
  71     font-weight: $regular;
  72     @include font-size(20px);
  73     line-height: 140%;
  74     text-align: center;
  75     letter-spacing: -0.02em;
  76     color: #083F4D;
  77
  78     @include rwd($break-flow) {
  79       margin-top: 24px;
  80       @include font-size(26px);
  81     }
  82   }
  83 }