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

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