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   outline: 0;
  23   background: #E1F1F2;
  24   border-radius: 10px;
  25   width: 558px;
  26   margin-top: 50px;
  27   margin-left: 0;
  28   margin-right: 0;
  29   padding-left: 32px;
  30   padding-right: 32px;
  31   padding-bottom: 32px;
  32
  33   @include rwd($break-flow) {
  34       margin-left: 32px;
  35       margin-right: 32px;
  36   }
  37
  38   img {
  39     margin: 0 auto;
  40     border-radius: 50%;
  41     overflow: hidden;
  42     font-size: 0;
  43     margin-top: -24px;
  44     width: 48px;
  45     height: 48px;
  46
  47     @include rwd($break-flow) {
  48         width: unset;
  49         height: unset;
  50         margin-top: -50px;
  51     }
  52   }
  53
  54   h4 {
  55     margin-top: 5px;
  56     font-weight: $semibold;
  57     @include font-size(14px);
  58     line-height: 140%;
  59     text-align: center;
  60     letter-spacing: -0.01em;
  61     color: #474747;
  62
  63     @include rwd($break-flow) {
  64       margin-top: 10px;
  65       @include font-size(25px);
  66     }
  67   }
  68
  69   p {
  70     margin-top: 12px;
  71     font-style: italic;
  72     font-weight: $regular;
  73     @include font-size(20px);
  74     line-height: 140%;
  75     text-align: center;
  76     letter-spacing: -0.02em;
  77     color: #083F4D;
  78
  79     @include rwd($break-flow) {
  80       margin-top: 24px;
  81       @include font-size(26px);
  82     }
  83   }
  84 }