minor fix
[wolnelektury.git] / 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 }