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

   1 .l-theme {
   2     display: flex;
   3     flex-direction: column;
   4
   5     @include rwd($break-flow) {
   6         flex-direction: row;
   7     }
   8 }
   9
  10 .l-theme__col {
  11   display: flex;
  12   flex-direction: column;
  13 }
  14
  15 .l-theme__info {
  16   padding: 34px;
  17   border-radius: 10px;
  18   background-color: #E1F1F2;
  19   margin-top: 34px;
  20     @include rwd($break-flow) {
  21         max-width: 415px;
  22     }
  23
  24   h3 {
  25     display: flex;
  26     align-content: center;
  27     justify-content: space-between;
  28     margin-top: 34px;
  29     font-weight: $semibold;
  30     @include font-size(21px);
  31     line-height: 140%;
  32     letter-spacing: -0.01em;
  33     color: #007880;
  34
  35     &:first-of-type {
  36       margin-top: 0;
  37     }
  38
  39     .icon {
  40       display: flex;
  41       align-items: center;
  42       @include font-size(14px);
  43       margin-right: 0;
  44       margin-left: auto;
  45       cursor: pointer;
  46
  47       &.icon-arrow-right {
  48         margin-left: 20px;
  49       }
  50     }
  51   }
  52
  53   p {
  54     margin-top: 10px;
  55     font-weight: $regular;
  56     @include font-size(18px);
  57     line-height: 150%;
  58     color: #474747;
  59   }
  60 }
  61
  62 .l-theme__info__slider {
  63   width: 100%;
  64   font-size: 0;
  65   margin-top: 16px;
  66
  67   & * {
  68     outline: 0 !important;
  69   }
  70
  71   img {
  72     max-width: 100%;
  73     margin-right: 17px;
  74   }
  75 }