_complex.scss
946 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
.complex {
padding: 60px 0 0;
@media (min-width: 1200px) {
padding: 100px 0 0;
}
&__sliders {
padding-bottom: 60px;
@media (min-width: 1200px) {
padding-bottom: 100px;
}
.slider {
padding-bottom: 0;
}
.slider__top {
align-items: flex-start;
@media (min-width: 1200px) {
align-items: flex-end;
}
}
.slider__title {
position: relative;
padding: 18px 50px 18px 0;
color: $white;
background-color: $blue;
border-radius: 0 1000px 1000px 0;
&::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: calc(100% - 1px);
width: 100vw;
background-color: $blue;
}
}
}
}