Андрей Ларионов / Vekprom_laravel

Blame view

public/css/pages/main/slider-main.css 3.62 KB
edit raw normal view history
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
1
2
3
 
  .slider {
    display: none;
  }
b80175387   Андрей Ларионов   Начальный проект ... 
4
5
6
7
8
9
10
 
  .slider .sw-wr {
    background: -webkit-gradient(linear, right top, left top, color-stop(-4.92%, #ABB2BF), color-stop(114.57%, rgba(171, 178, 191, 0.2)));
    background: -o-linear-gradient(right, #ABB2BF -4.92%, rgba(171, 178, 191, 0.2) 114.57%);
    background: linear-gradient(270deg, #ABB2BF -4.92%, rgba(171, 178, 191, 0.2) 114.57%);
    border-radius: 10px;
  }
  .slider .custom-swiper {
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
11
 
    margin-top: 33px;
b80175387   Андрей Ларионов   Начальный проект ... 
12
13
14
15
16
17
18
 
    max-width: 1335px;
    width: 100%;
    height: 343px;
    background-image: url("../img/main/slider/slider-bg1.png");
    background-repeat: no-repeat;
    background-size: cover;
  }
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
19
20
21
22
23
 
  @media (min-width: 1024px) {
    .slider .custom-swiper {
      margin-top: 63px;
    }
  }
b80175387   Андрей Ларионов   Начальный проект ... 
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
 
  .slider .custom-swiper .swiper-slide-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .slider .custom-swiper .swiper-button-next {
    width: 50px;
    height: 50px;
    margin-right: 30px;
  }
  .slider .custom-swiper .swiper-button-next .slider-next {
    width: 42px;
    height: 41px;
    margin-bottom: 4px;
  }
  .slider .custom-swiper .swiper-button-prev {
    width: 50px;
    height: 50px;
    margin-right: 30px;
  }
  .slider .custom-swiper .swiper-button-prev .slider-prev {
    width: 42px;
    height: 41px;
    margin-left: 30px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .slider .custom-swiper [class^=swiper-button-]::after {
    content: "";
  }
  .slider .swiper-pagination-bullet {
    width: 7px !important;
    height: 7px !important;
    background: #636B78 !important;
    opacity: 0.5 !important;
  }
  .slider .swiper-pagination-bullet-active {
    width: 26px !important;
    height: 5px !important;
    border-radius: 6.38736px !important;
    background-color: #636B78 !important;
    top: -1px !important;
  }
  .slider .custom-pagination {
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
72
73
 
    padding-right: 750px;
    margin-bottom: 20px;
b80175387   Андрей Ларионов   Начальный проект ... 
74
75
 
    margin-left: 10px !important;
  }
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
 
  @media (min-width: 915px) {
    .slider .custom-pagination {
      padding-right: 900px;
      margin-bottom: 27px;
    }
  }
  @media (min-width: 1024px) {
    .slider .custom-pagination {
      padding-right: 1100px;
    }
  }
  @media (min-width: 1200px) {
    .slider .custom-pagination {
      padding-right: 1280px !important;
    }
  }
  @media (min-width: 780px) {
    .slider {
      display: block;
    }
  }
b80175387   Андрей Ларионов   Начальный проект ... 
97
98
99
100
101
102
103
104
105
 
  
  .slide-text {
    -ms-flex-preferred-size: 760px;
        flex-basis: 760px;
    margin-top: 30px;
    margin-left: 27px;
  }
  .slide-text__title {
    font-weight: 600;
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
106
107
 
    font-size: 24px;
    line-height: 28px;
b80175387   Андрей Ларионов   Начальный проект ... 
108
109
 
    letter-spacing: -0.01em;
    color: #333B49;
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
 
    margin-top: 15px;
  }
  @media (min-width: 870px) {
    .slide-text__title {
      font-size: 26px;
      line-height: 34px;
      margin-top: 0;
    }
  }
  @media (min-width: 990px) {
    .slide-text__title {
      font-size: 28px;
      line-height: 42px;
    }
  }
  @media (min-width: 1120px) {
    .slide-text__title {
      font-size: 36px;
    }
b80175387   Андрей Ларионов   Начальный проект ... 
129
130
 
  }
  .slide-text__paragr {
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
131
 
    margin-top: 140px;
b80175387   Андрей Ларионов   Начальный проект ... 
132
133
134
135
136
137
 
    font-family: "Muller";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
  }
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
138
139
140
141
142
 
  @media (min-width: 990px) {
    .slide-text__paragr {
      margin-top: 131px;
    }
  }
b80175387   Андрей Ларионов   Начальный проект ... 
143
144
145
146
147
 
  .slide-text__paragr .par-two {
    font-weight: 700;
  }
  
  .slider-img {
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
148
 
    max-width: 296.91px;
b80175387   Андрей Ларионов   Начальный проект ... 
149
 
    width: 100%;
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
150
 
    max-height: 214px;
b80175387   Андрей Ларионов   Начальный проект ... 
151
 
    height: 100%;
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
152
 
    margin-right: 48px;
b80175387   Андрей Ларионов   Начальный проект ... 
153
 
    margin-top: 20px;
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
 
  }
  @media (min-width: 870px) {
    .slider-img {
      max-width: 345.91px;
      width: 100%;
      max-height: 245px;
      height: 100%;
      margin-right: 90px;
    }
  }
  @media (min-width: 990px) {
    .slider-img {
      max-width: 408.91px;
      width: 100%;
      max-height: 284px;
      height: 100%;
    }
  }
  @media (min-width: 1200px) {
    .slider-img {
      margin-right: 161px;
    }
b80175387   Андрей Ларионов   Начальный проект ... 
176
 
  }