Moving forward.
[wolnelektury.git] / 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 }