ros.grant.common 2.1.13 → 2.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/Shared/Styles/Layout/Footer/FooterGorchakov.less +25 -5
  2. package/Shared/Styles/Layout/Header/HeaderGorchakov.less +131 -48
  3. package/Shared/Styles/Modules/Widget/Widget.less +4 -4
  4. package/package.json +1 -1
package/Shared/Styles/Layout/Footer/FooterGorchakov.less CHANGED
@@ -14,7 +14,7 @@ footer.footer-gorchakov {
14
14
  margin: 0 auto;
15
15
 
16
16
  @media (max-width: 768px) {
17
- padding-top: 120px;
17
+ padding-top: 48px;
18
18
  }
19
19
  }
20
20
 
@@ -96,10 +96,7 @@ footer.footer-gorchakov {
96
96
  }
97
97
 
98
98
  @media (max-width: 768px) {
99
- position: absolute;
100
- top: 0;
101
- margin-top: 48px;
102
- border-bottom: 1px solid rgba(255, 255, 255, 0.099841);
99
+ margin-top: 24px;
103
100
  width: calc(100% - 40px);
104
101
  }
105
102
 
@@ -166,6 +163,24 @@ footer.footer-gorchakov {
166
163
  }
167
164
  }
168
165
  }
166
+
167
+ &-mobile{
168
+ display: none;
169
+
170
+ @media (max-width: 768px) {
171
+ display: block;
172
+ margin-top: 8px;
173
+ }
174
+
175
+ a{
176
+ display: block;
177
+ font-size: 14px;
178
+ line-height: 20px;
179
+ color: #FFFFFF;
180
+ opacity: 0.7;
181
+ font-family: 'PT Sans', sans-serif;
182
+ }
183
+ }
169
184
  }
170
185
 
171
186
  .text {
@@ -183,6 +198,11 @@ footer.footer-gorchakov {
183
198
  margin-top: 55px;
184
199
  }
185
200
 
201
+ @media (max-width: 768px) {
202
+ margin-top: 40px;
203
+ padding-bottom: 48px;
204
+ }
205
+
186
206
  span {
187
207
  display: block;
188
208
 
package/Shared/Styles/Layout/Header/HeaderGorchakov.less CHANGED
@@ -10,6 +10,10 @@ header.header-gorchakov {
10
10
  font-family: 'FuturaBook' !important;
11
11
  }
12
12
 
13
+ .mrx-icon{
14
+ font-family: 'mrx-icon-font' !important;
15
+ }
16
+
13
17
  a {
14
18
  text-decoration: none;
15
19
  cursor: pointer;
@@ -94,6 +98,10 @@ header.header-gorchakov {
94
98
  .burger {
95
99
  display: none;
96
100
 
101
+ .mrx-icon.icon-burger{
102
+ color: var(--neutral-text-primary);
103
+ }
104
+
97
105
  @media (max-width: 1199px) {
98
106
  display: block;
99
107
  margin-right: auto;
@@ -125,6 +133,20 @@ header.header-gorchakov {
125
133
  width: 120px;
126
134
  }
127
135
  }
136
+
137
+ &.logo-en{
138
+ @media (max-width: 1199px) {
139
+ height: 40px;
140
+ min-width: 140px;
141
+ }
142
+
143
+ svg{
144
+ @media (max-width: 1199px) {
145
+ height: 40px;
146
+ width: 140px;
147
+ }
148
+ }
149
+ }
128
150
  }
129
151
 
130
152
  .header-menu {
@@ -282,50 +304,102 @@ header.header-gorchakov {
282
304
  display: none;
283
305
 
284
306
  @media (max-width: 1199px) {
285
- display: none !important;
286
- flex-direction: column;
287
- align-items: center;
288
- position: absolute;
307
+ position: fixed;
289
308
  width: 100%;
290
309
  height: 100vh;
291
310
  background: #fff;
292
311
  z-index: 10;
293
- top: 0;
312
+ top: 0;
313
+ left: 0;
294
314
  display: flex;
295
315
  flex-direction: column;
296
- align-items: center;
297
- padding: 27px 26px;
316
+ align-items: start;
317
+ padding: 20px 0px;
318
+ transform: translateX(-100%);
319
+ transition: transform 300ms ease-out;
298
320
 
299
- &.active {
300
- display: flex !important;
301
- }
302
-
303
- .cross {
304
- margin: 0 0 0 auto;
305
- }
306
-
307
- .feather {
308
- max-width: 67px;
309
- margin-bottom: 40px;
321
+ &.active {
322
+ transform: translateX(0);
310
323
  }
311
324
 
312
325
  .menu {
313
326
  display: flex;
314
327
  flex-direction: column;
315
328
  justify-content: space-between;
316
- height: 50%;
317
329
  margin-bottom: 40px;
318
- max-height: 200px;
330
+ width: 100%;
319
331
 
320
- a {
332
+ a, span {
321
333
  display: block;
322
334
  font-family: "FuturaBook";
323
335
  font-size: 16px;
324
336
  line-height: 20px;
325
337
  text-transform: uppercase;
326
- color: #232B55;
327
- /* margin-bottom: 40px; */
328
- text-align: center;
338
+ color: #232B55;
339
+ }
340
+
341
+ &__item{
342
+ padding: 20px;
343
+ border-bottom: 1px solid rgba(35, 43, 85, 0.1);
344
+
345
+ &-submenu{
346
+ position: relative;
347
+
348
+ &:after {
349
+ content: url("");
350
+ content: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.75%2012.2368C19.75%2011.8226%2019.4142%2011.4868%2019%2011.4868H5C4.58579%2011.4868%204.25%2011.8226%204.25%2012.2368C4.25%2012.651%204.58579%2012.9868%205%2012.9868H19C19.4142%2012.9868%2019.75%2012.651%2019.75%2012.2368Z%22%20fill%3D%22%23D0A300%22/%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5303%2012.7671C19.8232%2012.4743%2019.8232%2011.9994%2019.5303%2011.7065L12.5303%204.70649C12.2374%204.41359%2011.7626%204.41359%2011.4697%204.70649C11.1768%204.99938%2011.1768%205.47425%2011.4697%205.76715L17.9393%2012.2368L11.4697%2018.7065C11.1768%2018.9994%2011.1768%2019.4743%2011.4697%2019.7671C11.7626%2020.06%2012.2374%2020.06%2012.5303%2019.7671L19.5303%2012.7671Z%22%20fill%3D%22%23D0A300%22/%3E%0A%3C/svg%3E%0A");
351
+ position: absolute;
352
+ width: 24px;
353
+ height: 24px;
354
+ top: 50%;
355
+ transform: translateY(-50%);
356
+ right: 20px;
357
+ }
358
+
359
+ .submenu-items{
360
+ position: fixed;
361
+ width: 100%;
362
+ height: 100vh;
363
+ background: #fff;
364
+ z-index: 10;
365
+ top: 0;
366
+ left: 0;
367
+ padding: 20px 0px;
368
+ transform: translateX(-100%);
369
+ transition: transform 300ms ease-out;
370
+
371
+ &.open{
372
+ transform: translateX(0);
373
+ }
374
+
375
+ a{
376
+ &:not(.mobile-menu__header a){
377
+ padding: 20px;
378
+ border-bottom: 1px solid rgba(35, 43, 85, 0.1);
379
+ }
380
+ }
381
+
382
+ .menu__item-back{
383
+ display: inline-flex;
384
+ align-items: center;
385
+ padding: 0 20px;
386
+ margin-bottom: 8px;
387
+ color: var(--brand-text-accent);
388
+
389
+ .mrx-icon{
390
+ color: var(--brand-text-accent);
391
+ }
392
+
393
+ &:focus, &.active, &.hover{
394
+ color: var(--brand-text-accent);
395
+
396
+ .mrx-icon{
397
+ color: var(--brand-text-nav-link);
398
+ }
399
+ }
400
+ }
401
+ }
402
+ }
329
403
  }
330
404
  }
331
405
 
@@ -334,8 +408,8 @@ header.header-gorchakov {
334
408
  width: 110px;
335
409
  height: 32px;
336
410
  font-size: 16px;
337
- line-height: 24px;
338
- margin-bottom: 40px;
411
+ line-height: 20px;
412
+ margin-left: 8px;
339
413
 
340
414
  div {
341
415
  display: flex;
@@ -355,35 +429,44 @@ header.header-gorchakov {
355
429
  }
356
430
  }
357
431
  }
432
+ }
358
433
 
359
- .mobile-contacts {
360
- display: flex;
361
- flex-direction: column;
362
- align-items: center;
434
+ &__header{
435
+ display: flex;
436
+ justify-content: space-between;
437
+ align-items: center;
438
+ padding: 0 20px;
439
+ width: 100%;
440
+ margin-bottom: 40px;
363
441
 
364
- a {
365
- display: block;
366
- font-size: 14px;
367
- line-height: 20px;
368
- text-align: center;
369
- color: #232B55;
442
+ .logo {
443
+ height: 32px;
444
+ min-width: 120px;
370
445
 
371
- &.fond {
372
- margin-bottom: 20px;
373
- }
446
+ svg {
447
+ height: 32px;
448
+ width: 120px;
449
+ }
374
450
 
375
- &.all {
376
- font-weight: bold;
377
- font-size: 14px;
378
- line-height: 20px;
379
- border: 2px solid #232B55;
380
- border-radius: 8px;
381
- padding: 7px 14px;
382
- margin-top: 30px;
383
- width: fit-content;
451
+ &.logo-en{
452
+ @media (max-width: 1199px) {
453
+ height: 35px;
454
+ min-width: 140px;
455
+ }
456
+
457
+ svg{
458
+ @media (max-width: 1199px) {
459
+ height: 35px;
460
+ width: 140px;
461
+ }
384
462
  }
385
463
  }
386
464
  }
465
+
466
+ .mrx-icon.icon-close{
467
+ color: var(--neutral-text-primary);
468
+ font-size: 24px;
469
+ }
387
470
  }
388
471
  }
389
472
 
package/Shared/Styles/Modules/Widget/Widget.less CHANGED
@@ -95,10 +95,10 @@
95
95
  .arrow {
96
96
  display: flex;
97
97
  align-items: center;
98
- font-weight: bold;
99
- font-size: 12px;
100
- line-height: 16px;
101
- font-family: 'PT Sans Caption', sans-serif;
98
+ font-family: var(--body-md-bold-font-family);
99
+ font-size: var(--body-md-bold-font-size);
100
+ font-weight: var(--body-md-bold-font-weight);
101
+ line-height: var(--body-md-bold-line-height);
102
102
  cursor: pointer;
103
103
 
104
104
  svg {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.1.13",
2
+ "version": "2.1.15",
3
3
  "name": "ros.grant.common",
4
4
  "private": false,
5
5
  "scripts": {