@sunrise-upc/sales-static-components 3.7.8-beta.3 → 3.7.8
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.
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/navigation.css +303 -303
- package/package.json +1 -1
package/dist/navigation.css
CHANGED
|
@@ -1,137 +1,3 @@
|
|
|
1
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
|
|
2
|
-
/* center a block element */
|
|
3
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
4
|
-
/* setting styles in separate formats for cross browser support */
|
|
5
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
6
|
-
/* vertically center alilgn any HTML element */
|
|
7
|
-
/* add basePath to assets */
|
|
8
|
-
@media (min-width: 768px) {
|
|
9
|
-
.MinimizedHeader-module__outer___JOzJC {
|
|
10
|
-
background-color: #ffffff;
|
|
11
|
-
border-top: 4px solid #da291c;
|
|
12
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
13
|
-
height: 72px;
|
|
14
|
-
}
|
|
15
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
16
|
-
position: fixed;
|
|
17
|
-
top: 0;
|
|
18
|
-
left: 0;
|
|
19
|
-
padding: 4px 8px;
|
|
20
|
-
font-size: 14px;
|
|
21
|
-
z-index: 10000;
|
|
22
|
-
color: #5f5955;
|
|
23
|
-
background: #ffffff;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
@media (min-width: 768px) and (max-width: 850px) {
|
|
27
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
28
|
-
padding: 0 4px;
|
|
29
|
-
font-size: 8px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
@media (min-width: 768px) {
|
|
33
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
34
|
-
width: 100%;
|
|
35
|
-
display: inline-block;
|
|
36
|
-
}
|
|
37
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
38
|
-
display: flex;
|
|
39
|
-
float: left;
|
|
40
|
-
align-items: center;
|
|
41
|
-
margin: 10px 0;
|
|
42
|
-
}
|
|
43
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
44
|
-
padding-left: 10px;
|
|
45
|
-
}
|
|
46
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
47
|
-
float: right;
|
|
48
|
-
display: flex;
|
|
49
|
-
margin: 24px 0 24px 0;
|
|
50
|
-
}
|
|
51
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
52
|
-
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
53
|
-
background-repeat: no-repeat;
|
|
54
|
-
background-size: contain;
|
|
55
|
-
display: block;
|
|
56
|
-
height: 24px;
|
|
57
|
-
margin-right: 6px;
|
|
58
|
-
width: 24px;
|
|
59
|
-
}
|
|
60
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
61
|
-
color: #da291c;
|
|
62
|
-
font-weight: 700;
|
|
63
|
-
font-size: 18px;
|
|
64
|
-
line-height: 24px;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
@media (max-width: 767px) {
|
|
68
|
-
.MinimizedHeader-module__outer___JOzJC {
|
|
69
|
-
background-color: #ffffff;
|
|
70
|
-
border-top: 4px solid #da291c;
|
|
71
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
72
|
-
height: 48px;
|
|
73
|
-
}
|
|
74
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
75
|
-
width: 100%;
|
|
76
|
-
display: inline-block;
|
|
77
|
-
}
|
|
78
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
79
|
-
display: flex;
|
|
80
|
-
float: left;
|
|
81
|
-
}
|
|
82
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
|
|
83
|
-
margin-top: 12px;
|
|
84
|
-
}
|
|
85
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
|
|
86
|
-
height: 24px;
|
|
87
|
-
width: 24px;
|
|
88
|
-
float: left;
|
|
89
|
-
}
|
|
90
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
91
|
-
margin-top: 8px;
|
|
92
|
-
padding-left: 6px;
|
|
93
|
-
}
|
|
94
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
|
|
95
|
-
height: 20px;
|
|
96
|
-
}
|
|
97
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
98
|
-
float: right;
|
|
99
|
-
display: flex;
|
|
100
|
-
margin: 12px 0 12px 0;
|
|
101
|
-
}
|
|
102
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
103
|
-
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
104
|
-
background-repeat: no-repeat;
|
|
105
|
-
background-size: contain;
|
|
106
|
-
display: block;
|
|
107
|
-
height: 20px;
|
|
108
|
-
margin-right: 6px;
|
|
109
|
-
width: 20px;
|
|
110
|
-
}
|
|
111
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
112
|
-
color: #da291c;
|
|
113
|
-
font-weight: 700;
|
|
114
|
-
font-size: 18px;
|
|
115
|
-
line-height: 24px;
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
119
|
-
position: fixed;
|
|
120
|
-
top: 0;
|
|
121
|
-
left: 0;
|
|
122
|
-
padding: 4px 8px;
|
|
123
|
-
font-size: 14px;
|
|
124
|
-
z-index: 10000;
|
|
125
|
-
color: #5f5955;
|
|
126
|
-
background: #ffffff;
|
|
127
|
-
}
|
|
128
|
-
@media (max-width: 850px) {
|
|
129
|
-
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
130
|
-
padding: 0 4px;
|
|
131
|
-
font-size: 8px;
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
|
|
135
1
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
|
|
136
2
|
/* center a block element */
|
|
137
3
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -408,6 +274,140 @@
|
|
|
408
274
|
}
|
|
409
275
|
}
|
|
410
276
|
|
|
277
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
|
|
278
|
+
/* center a block element */
|
|
279
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
280
|
+
/* setting styles in separate formats for cross browser support */
|
|
281
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
282
|
+
/* vertically center alilgn any HTML element */
|
|
283
|
+
/* add basePath to assets */
|
|
284
|
+
@media (min-width: 768px) {
|
|
285
|
+
.MinimizedHeader-module__outer___JOzJC {
|
|
286
|
+
background-color: #ffffff;
|
|
287
|
+
border-top: 4px solid #da291c;
|
|
288
|
+
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
289
|
+
height: 72px;
|
|
290
|
+
}
|
|
291
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
292
|
+
position: fixed;
|
|
293
|
+
top: 0;
|
|
294
|
+
left: 0;
|
|
295
|
+
padding: 4px 8px;
|
|
296
|
+
font-size: 14px;
|
|
297
|
+
z-index: 10000;
|
|
298
|
+
color: #5f5955;
|
|
299
|
+
background: #ffffff;
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
@media (min-width: 768px) and (max-width: 850px) {
|
|
303
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
304
|
+
padding: 0 4px;
|
|
305
|
+
font-size: 8px;
|
|
306
|
+
}
|
|
307
|
+
}
|
|
308
|
+
@media (min-width: 768px) {
|
|
309
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
310
|
+
width: 100%;
|
|
311
|
+
display: inline-block;
|
|
312
|
+
}
|
|
313
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
314
|
+
display: flex;
|
|
315
|
+
float: left;
|
|
316
|
+
align-items: center;
|
|
317
|
+
margin: 10px 0;
|
|
318
|
+
}
|
|
319
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
320
|
+
padding-left: 10px;
|
|
321
|
+
}
|
|
322
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
323
|
+
float: right;
|
|
324
|
+
display: flex;
|
|
325
|
+
margin: 24px 0 24px 0;
|
|
326
|
+
}
|
|
327
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
328
|
+
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
329
|
+
background-repeat: no-repeat;
|
|
330
|
+
background-size: contain;
|
|
331
|
+
display: block;
|
|
332
|
+
height: 24px;
|
|
333
|
+
margin-right: 6px;
|
|
334
|
+
width: 24px;
|
|
335
|
+
}
|
|
336
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
337
|
+
color: #da291c;
|
|
338
|
+
font-weight: 700;
|
|
339
|
+
font-size: 18px;
|
|
340
|
+
line-height: 24px;
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
@media (max-width: 767px) {
|
|
344
|
+
.MinimizedHeader-module__outer___JOzJC {
|
|
345
|
+
background-color: #ffffff;
|
|
346
|
+
border-top: 4px solid #da291c;
|
|
347
|
+
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
348
|
+
height: 48px;
|
|
349
|
+
}
|
|
350
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
351
|
+
width: 100%;
|
|
352
|
+
display: inline-block;
|
|
353
|
+
}
|
|
354
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
355
|
+
display: flex;
|
|
356
|
+
float: left;
|
|
357
|
+
}
|
|
358
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
|
|
359
|
+
margin-top: 12px;
|
|
360
|
+
}
|
|
361
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
|
|
362
|
+
height: 24px;
|
|
363
|
+
width: 24px;
|
|
364
|
+
float: left;
|
|
365
|
+
}
|
|
366
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
367
|
+
margin-top: 8px;
|
|
368
|
+
padding-left: 6px;
|
|
369
|
+
}
|
|
370
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
|
|
371
|
+
height: 20px;
|
|
372
|
+
}
|
|
373
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
374
|
+
float: right;
|
|
375
|
+
display: flex;
|
|
376
|
+
margin: 12px 0 12px 0;
|
|
377
|
+
}
|
|
378
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
379
|
+
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
380
|
+
background-repeat: no-repeat;
|
|
381
|
+
background-size: contain;
|
|
382
|
+
display: block;
|
|
383
|
+
height: 20px;
|
|
384
|
+
margin-right: 6px;
|
|
385
|
+
width: 20px;
|
|
386
|
+
}
|
|
387
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
388
|
+
color: #da291c;
|
|
389
|
+
font-weight: 700;
|
|
390
|
+
font-size: 18px;
|
|
391
|
+
line-height: 24px;
|
|
392
|
+
}
|
|
393
|
+
}
|
|
394
|
+
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
395
|
+
position: fixed;
|
|
396
|
+
top: 0;
|
|
397
|
+
left: 0;
|
|
398
|
+
padding: 4px 8px;
|
|
399
|
+
font-size: 14px;
|
|
400
|
+
z-index: 10000;
|
|
401
|
+
color: #5f5955;
|
|
402
|
+
background: #ffffff;
|
|
403
|
+
}
|
|
404
|
+
@media (max-width: 850px) {
|
|
405
|
+
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
406
|
+
padding: 0 4px;
|
|
407
|
+
font-size: 8px;
|
|
408
|
+
}
|
|
409
|
+
}
|
|
410
|
+
|
|
411
411
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
|
|
412
412
|
/* center a block element */
|
|
413
413
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -443,6 +443,88 @@
|
|
|
443
443
|
}
|
|
444
444
|
}
|
|
445
445
|
|
|
446
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
|
|
447
|
+
/* center a block element */
|
|
448
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
449
|
+
/* setting styles in separate formats for cross browser support */
|
|
450
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
451
|
+
/* vertically center alilgn any HTML element */
|
|
452
|
+
/* add basePath to assets */
|
|
453
|
+
.NavigationMenuItem-module__nav-link___ZDsjB {
|
|
454
|
+
font-size: 16px;
|
|
455
|
+
line-height: 24px;
|
|
456
|
+
margin-right: 6px;
|
|
457
|
+
}
|
|
458
|
+
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
|
|
459
|
+
padding: 10px 4px;
|
|
460
|
+
display: flex;
|
|
461
|
+
align-items: center;
|
|
462
|
+
gap: 8px;
|
|
463
|
+
}
|
|
464
|
+
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
|
|
465
|
+
flex-shrink: 0;
|
|
466
|
+
height: 24px;
|
|
467
|
+
width: 24px;
|
|
468
|
+
}
|
|
469
|
+
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
|
|
470
|
+
filter: none;
|
|
471
|
+
}
|
|
472
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
|
|
473
|
+
color: #3d3935;
|
|
474
|
+
background-color: #f7f6f5;
|
|
475
|
+
border-radius: 8px;
|
|
476
|
+
}
|
|
477
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
|
|
478
|
+
padding-left: unset;
|
|
479
|
+
padding-right: 4px;
|
|
480
|
+
transform: rotate(-180deg);
|
|
481
|
+
}
|
|
482
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
|
|
483
|
+
color: #ffffff;
|
|
484
|
+
}
|
|
485
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
|
|
486
|
+
filter: brightness(0) invert(0.9);
|
|
487
|
+
}
|
|
488
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
|
|
489
|
+
color: #ffffff;
|
|
490
|
+
background-color: #1f1f1f;
|
|
491
|
+
}
|
|
492
|
+
|
|
493
|
+
.active-item .NavigationMenuItem-module__submenu___cWv9X {
|
|
494
|
+
-webkit-transform: translateY(0);
|
|
495
|
+
-moz-transform: translateY(0);
|
|
496
|
+
-o-transform: translateY(0);
|
|
497
|
+
transform: translateY(0);
|
|
498
|
+
transition-delay: 0.3s;
|
|
499
|
+
visibility: visible;
|
|
500
|
+
border-radius: 0px 0px 8px 8px;
|
|
501
|
+
}
|
|
502
|
+
|
|
503
|
+
.NavigationMenuItem-module__submenu___cWv9X {
|
|
504
|
+
background-color: #ffffff;
|
|
505
|
+
display: block;
|
|
506
|
+
left: 60%;
|
|
507
|
+
margin-left: -58%;
|
|
508
|
+
margin-top: -16px;
|
|
509
|
+
position: absolute;
|
|
510
|
+
top: 85px;
|
|
511
|
+
font-size: 16px;
|
|
512
|
+
line-height: 20px;
|
|
513
|
+
-webkit-transform: translateY(-100%);
|
|
514
|
+
-moz-transform: translateY(-100%);
|
|
515
|
+
-o-transform: translateY(-100%);
|
|
516
|
+
transform: translateY(-100%);
|
|
517
|
+
visibility: hidden;
|
|
518
|
+
}
|
|
519
|
+
|
|
520
|
+
.NavigationMenuItem-module__submenu___cWv9X.NavigationMenuItem-module__inverted___JCI48 {
|
|
521
|
+
background-color: #1f1f1f;
|
|
522
|
+
}
|
|
523
|
+
|
|
524
|
+
.NavigationMenuItem-module__out___rzlPg {
|
|
525
|
+
position: relative;
|
|
526
|
+
}
|
|
527
|
+
|
|
446
528
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
|
|
447
529
|
/* center a block element */
|
|
448
530
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -574,88 +656,6 @@
|
|
|
574
656
|
width: 24px;
|
|
575
657
|
}
|
|
576
658
|
|
|
577
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
|
|
578
|
-
/* center a block element */
|
|
579
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
580
|
-
/* setting styles in separate formats for cross browser support */
|
|
581
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
582
|
-
/* vertically center alilgn any HTML element */
|
|
583
|
-
/* add basePath to assets */
|
|
584
|
-
.NavigationMenuItem-module__nav-link___ZDsjB {
|
|
585
|
-
font-size: 16px;
|
|
586
|
-
line-height: 24px;
|
|
587
|
-
margin-right: 6px;
|
|
588
|
-
}
|
|
589
|
-
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
|
|
590
|
-
padding: 10px 4px;
|
|
591
|
-
display: flex;
|
|
592
|
-
align-items: center;
|
|
593
|
-
gap: 8px;
|
|
594
|
-
}
|
|
595
|
-
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
|
|
596
|
-
flex-shrink: 0;
|
|
597
|
-
height: 24px;
|
|
598
|
-
width: 24px;
|
|
599
|
-
}
|
|
600
|
-
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
|
|
601
|
-
filter: none;
|
|
602
|
-
}
|
|
603
|
-
.NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
|
|
604
|
-
color: #3d3935;
|
|
605
|
-
background-color: #f7f6f5;
|
|
606
|
-
border-radius: 8px;
|
|
607
|
-
}
|
|
608
|
-
.NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
|
|
609
|
-
padding-left: unset;
|
|
610
|
-
padding-right: 4px;
|
|
611
|
-
transform: rotate(-180deg);
|
|
612
|
-
}
|
|
613
|
-
.NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
|
|
614
|
-
color: #ffffff;
|
|
615
|
-
}
|
|
616
|
-
.NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
|
|
617
|
-
filter: brightness(0) invert(0.9);
|
|
618
|
-
}
|
|
619
|
-
.NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
|
|
620
|
-
color: #ffffff;
|
|
621
|
-
background-color: #1f1f1f;
|
|
622
|
-
}
|
|
623
|
-
|
|
624
|
-
.active-item .NavigationMenuItem-module__submenu___cWv9X {
|
|
625
|
-
-webkit-transform: translateY(0);
|
|
626
|
-
-moz-transform: translateY(0);
|
|
627
|
-
-o-transform: translateY(0);
|
|
628
|
-
transform: translateY(0);
|
|
629
|
-
transition-delay: 0.3s;
|
|
630
|
-
visibility: visible;
|
|
631
|
-
border-radius: 0px 0px 8px 8px;
|
|
632
|
-
}
|
|
633
|
-
|
|
634
|
-
.NavigationMenuItem-module__submenu___cWv9X {
|
|
635
|
-
background-color: #ffffff;
|
|
636
|
-
display: block;
|
|
637
|
-
left: 60%;
|
|
638
|
-
margin-left: -58%;
|
|
639
|
-
margin-top: -16px;
|
|
640
|
-
position: absolute;
|
|
641
|
-
top: 85px;
|
|
642
|
-
font-size: 16px;
|
|
643
|
-
line-height: 20px;
|
|
644
|
-
-webkit-transform: translateY(-100%);
|
|
645
|
-
-moz-transform: translateY(-100%);
|
|
646
|
-
-o-transform: translateY(-100%);
|
|
647
|
-
transform: translateY(-100%);
|
|
648
|
-
visibility: hidden;
|
|
649
|
-
}
|
|
650
|
-
|
|
651
|
-
.NavigationMenuItem-module__submenu___cWv9X.NavigationMenuItem-module__inverted___JCI48 {
|
|
652
|
-
background-color: #1f1f1f;
|
|
653
|
-
}
|
|
654
|
-
|
|
655
|
-
.NavigationMenuItem-module__out___rzlPg {
|
|
656
|
-
position: relative;
|
|
657
|
-
}
|
|
658
|
-
|
|
659
659
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
|
|
660
660
|
/* center a block element */
|
|
661
661
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -1008,93 +1008,6 @@
|
|
|
1008
1008
|
border: none;
|
|
1009
1009
|
}
|
|
1010
1010
|
|
|
1011
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
|
|
1012
|
-
/* center a block element */
|
|
1013
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1014
|
-
/* setting styles in separate formats for cross browser support */
|
|
1015
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1016
|
-
/* vertically center alilgn any HTML element */
|
|
1017
|
-
/* add basePath to assets */
|
|
1018
|
-
.BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
|
|
1019
|
-
margin-left: 0 !important;
|
|
1020
|
-
}
|
|
1021
|
-
|
|
1022
|
-
.BusinessCustomerLinkOut-module__icon___lYHUm {
|
|
1023
|
-
padding: 14px 8px 18px 8px;
|
|
1024
|
-
cursor: pointer;
|
|
1025
|
-
}
|
|
1026
|
-
.BusinessCustomerLinkOut-module__icon___lYHUm img {
|
|
1027
|
-
margin-left: 0px !important;
|
|
1028
|
-
padding-left: 8px;
|
|
1029
|
-
}
|
|
1030
|
-
|
|
1031
|
-
.BusinessCustomerLinkOut-module__icon1___VBeT5 {
|
|
1032
|
-
color: #da291c;
|
|
1033
|
-
background-color: #ffffff;
|
|
1034
|
-
padding: 14px 8px 18px 8px;
|
|
1035
|
-
border-radius: 4px 4px 0 0;
|
|
1036
|
-
}
|
|
1037
|
-
.BusinessCustomerLinkOut-module__icon1___VBeT5 img {
|
|
1038
|
-
color: #da291c;
|
|
1039
|
-
margin-left: 0px !important;
|
|
1040
|
-
padding-left: unset;
|
|
1041
|
-
padding-right: 8px;
|
|
1042
|
-
transform: rotate(-180deg);
|
|
1043
|
-
}
|
|
1044
|
-
|
|
1045
|
-
.BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
|
|
1046
|
-
color: #da291c !important;
|
|
1047
|
-
}
|
|
1048
|
-
.BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1049
|
-
border-radius: 4px 4px 0 0;
|
|
1050
|
-
background-color: #ffffff;
|
|
1051
|
-
padding: 14px 8px 18px 8px;
|
|
1052
|
-
}
|
|
1053
|
-
|
|
1054
|
-
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
|
|
1055
|
-
color: unset !important;
|
|
1056
|
-
}
|
|
1057
|
-
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
|
|
1058
|
-
background-color: unset;
|
|
1059
|
-
}
|
|
1060
|
-
|
|
1061
|
-
.BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1062
|
-
background-color: transparent;
|
|
1063
|
-
}
|
|
1064
|
-
|
|
1065
|
-
.BusinessCustomerLinkOut-module__login-flyover___9GsNf {
|
|
1066
|
-
margin-left: 0px !important;
|
|
1067
|
-
position: absolute;
|
|
1068
|
-
min-width: 214px;
|
|
1069
|
-
display: block;
|
|
1070
|
-
padding: 36px 32px 36px 32px;
|
|
1071
|
-
font-size: 18px;
|
|
1072
|
-
line-height: 24px;
|
|
1073
|
-
border: 0;
|
|
1074
|
-
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
1075
|
-
background-color: #ffffff;
|
|
1076
|
-
border-radius: 0 0 8px 8px;
|
|
1077
|
-
z-index: 1;
|
|
1078
|
-
}
|
|
1079
|
-
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
|
|
1080
|
-
margin-left: 0 !important;
|
|
1081
|
-
padding-top: 18px;
|
|
1082
|
-
}
|
|
1083
|
-
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
|
|
1084
|
-
padding-top: 28px;
|
|
1085
|
-
}
|
|
1086
|
-
.BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
|
|
1087
|
-
border-bottom: 1px solid #e6e3df;
|
|
1088
|
-
padding-bottom: 18px;
|
|
1089
|
-
}
|
|
1090
|
-
|
|
1091
|
-
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1092
|
-
background-color: #111111;
|
|
1093
|
-
}
|
|
1094
|
-
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
|
|
1095
|
-
background-color: #1f1f1f;
|
|
1096
|
-
}
|
|
1097
|
-
|
|
1098
1011
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
|
|
1099
1012
|
/* center a block element */
|
|
1100
1013
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -1240,6 +1153,93 @@
|
|
|
1240
1153
|
}
|
|
1241
1154
|
}
|
|
1242
1155
|
|
|
1156
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
|
|
1157
|
+
/* center a block element */
|
|
1158
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1159
|
+
/* setting styles in separate formats for cross browser support */
|
|
1160
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1161
|
+
/* vertically center alilgn any HTML element */
|
|
1162
|
+
/* add basePath to assets */
|
|
1163
|
+
.BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
|
|
1164
|
+
margin-left: 0 !important;
|
|
1165
|
+
}
|
|
1166
|
+
|
|
1167
|
+
.BusinessCustomerLinkOut-module__icon___lYHUm {
|
|
1168
|
+
padding: 14px 8px 18px 8px;
|
|
1169
|
+
cursor: pointer;
|
|
1170
|
+
}
|
|
1171
|
+
.BusinessCustomerLinkOut-module__icon___lYHUm img {
|
|
1172
|
+
margin-left: 0px !important;
|
|
1173
|
+
padding-left: 8px;
|
|
1174
|
+
}
|
|
1175
|
+
|
|
1176
|
+
.BusinessCustomerLinkOut-module__icon1___VBeT5 {
|
|
1177
|
+
color: #da291c;
|
|
1178
|
+
background-color: #ffffff;
|
|
1179
|
+
padding: 14px 8px 18px 8px;
|
|
1180
|
+
border-radius: 4px 4px 0 0;
|
|
1181
|
+
}
|
|
1182
|
+
.BusinessCustomerLinkOut-module__icon1___VBeT5 img {
|
|
1183
|
+
color: #da291c;
|
|
1184
|
+
margin-left: 0px !important;
|
|
1185
|
+
padding-left: unset;
|
|
1186
|
+
padding-right: 8px;
|
|
1187
|
+
transform: rotate(-180deg);
|
|
1188
|
+
}
|
|
1189
|
+
|
|
1190
|
+
.BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
|
|
1191
|
+
color: #da291c !important;
|
|
1192
|
+
}
|
|
1193
|
+
.BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1194
|
+
border-radius: 4px 4px 0 0;
|
|
1195
|
+
background-color: #ffffff;
|
|
1196
|
+
padding: 14px 8px 18px 8px;
|
|
1197
|
+
}
|
|
1198
|
+
|
|
1199
|
+
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
|
|
1200
|
+
color: unset !important;
|
|
1201
|
+
}
|
|
1202
|
+
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
|
|
1203
|
+
background-color: unset;
|
|
1204
|
+
}
|
|
1205
|
+
|
|
1206
|
+
.BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1207
|
+
background-color: transparent;
|
|
1208
|
+
}
|
|
1209
|
+
|
|
1210
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf {
|
|
1211
|
+
margin-left: 0px !important;
|
|
1212
|
+
position: absolute;
|
|
1213
|
+
min-width: 214px;
|
|
1214
|
+
display: block;
|
|
1215
|
+
padding: 36px 32px 36px 32px;
|
|
1216
|
+
font-size: 18px;
|
|
1217
|
+
line-height: 24px;
|
|
1218
|
+
border: 0;
|
|
1219
|
+
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
1220
|
+
background-color: #ffffff;
|
|
1221
|
+
border-radius: 0 0 8px 8px;
|
|
1222
|
+
z-index: 1;
|
|
1223
|
+
}
|
|
1224
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
|
|
1225
|
+
margin-left: 0 !important;
|
|
1226
|
+
padding-top: 18px;
|
|
1227
|
+
}
|
|
1228
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
|
|
1229
|
+
padding-top: 28px;
|
|
1230
|
+
}
|
|
1231
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
|
|
1232
|
+
border-bottom: 1px solid #e6e3df;
|
|
1233
|
+
padding-bottom: 18px;
|
|
1234
|
+
}
|
|
1235
|
+
|
|
1236
|
+
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1237
|
+
background-color: #111111;
|
|
1238
|
+
}
|
|
1239
|
+
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
|
|
1240
|
+
background-color: #1f1f1f;
|
|
1241
|
+
}
|
|
1242
|
+
|
|
1243
1243
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
|
|
1244
1244
|
/* center a block element */
|
|
1245
1245
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|