-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.scss
83 lines (76 loc) · 2.06 KB
/
about.scss
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
$name: 'about';
.#{$name} {
//display: block;
//width: 100%;
//max-width: 100%;
////background-color: #14161b;
//padding: 142px 15px 125px;
//background: #1B222B;
//position: relative;
//z-index: 5;
//
//&::after {
// content: "";
// position: absolute;
// left: 0;
// width: 100%;
// height: 250px;
// bottom: 0;
// z-index: -1;
// background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(27,34,43,0.3)), to(#1b222b));
// background: -o-linear-gradient(bottom, rgba(27,34,43,0.3) 10%, #1b222b 100%);
// background: linear-gradient(0deg, rgba(27,34,43,0.3) 10%, #1b222b 100%);
//}
//&__title {
// font-size: 36px;
// line-height: 44px;
// color: #fff;
// margin: 0 0 40px;
// font-weight: 700;
// text-transform: uppercase;
// text-align: center;
// max-width: 980px;
// margin: 0 auto 35px;
//}
//&::before {
// content: "";
// position: absolute;
// left: 0;
// bottom: 1px;
// height: 240px;
// width: 100%;
// -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
// transform: matrix(-1, 0, 0, 1, 0, 0);
// mix-blend-mode: soft-light;
// background-image: url(https://ilucki.com/system/comfy/cms/files/files/000/000/364/original/news_inside_pattern.png);
// z-index: -1;
//}
&__icons {
display: block;
width: 100%;
background-color: transparent;
background-image: url("/resources/images/cms/pages/about-us/about__icons__bg.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 48px 0 18px;
box-shadow: 0 4px 28px 4px rgba(0, 0, 0, 0.44);
z-index: 1;
position: relative;
@media (min-width: $screen-sm) {
padding: 90px 0 35px;
}
}
&__info {
//display: block;
//width: 100%;
//background-color: #14161b;
//background-image: linear-gradient(180deg, rgba(#203446,.8) 0%, rgba(#11181b,.8) 100%);
// new styles
//padding: 142px 0 125px;
//background: #1B222B;
//position: relative;
//z-index: 1;
// end new styles
}
}