@sunrise-upc/sales-static-components 4.4.0-beta.2 → 4.4.0-beta.3
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/components/InternetAndTvCards/InternetAndTvCards.css +5 -3
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.module.scss.css +5 -3
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardsArrows.css +5 -3
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.css +5 -3
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.module.scss.css +5 -3
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardsArrows.css +5 -3
- package/dist/navigation.css +614 -614
- package/package.json +1 -1
package/dist/navigation.css
CHANGED
|
@@ -1,3 +1,172 @@
|
|
|
1
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.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
|
+
.row-module__sr-def-row___us1ph {
|
|
9
|
+
margin-left: auto;
|
|
10
|
+
margin-right: auto;
|
|
11
|
+
padding-left: 16px;
|
|
12
|
+
padding-right: 16px;
|
|
13
|
+
max-width: 1308px;
|
|
14
|
+
width: 100%;
|
|
15
|
+
}
|
|
16
|
+
.row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
|
|
17
|
+
padding: 0px;
|
|
18
|
+
max-width: 100%;
|
|
19
|
+
}
|
|
20
|
+
@media (min-width: 1024px) and (max-width: 1439px) {
|
|
21
|
+
.row-module__sr-def-row___us1ph {
|
|
22
|
+
max-width: 972px;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
@media (min-width: 768px) and (max-width: 1023px) {
|
|
26
|
+
.row-module__sr-def-row___us1ph {
|
|
27
|
+
max-width: 720px;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
@media (max-width: 767px) {
|
|
31
|
+
.row-module__sr-def-row___us1ph {
|
|
32
|
+
max-width: 100%;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
|
|
37
|
+
/* center a block element */
|
|
38
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
39
|
+
/* setting styles in separate formats for cross browser support */
|
|
40
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
41
|
+
/* vertically center alilgn any HTML element */
|
|
42
|
+
/* add basePath to assets */
|
|
43
|
+
@media (min-width: 768px) {
|
|
44
|
+
.MinimizedHeader-module__outer___JOzJC {
|
|
45
|
+
background-color: #ffffff;
|
|
46
|
+
border-top: 4px solid #da291c;
|
|
47
|
+
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
48
|
+
height: 72px;
|
|
49
|
+
}
|
|
50
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
51
|
+
position: fixed;
|
|
52
|
+
top: 0;
|
|
53
|
+
left: 0;
|
|
54
|
+
padding: 4px 8px;
|
|
55
|
+
font-size: 14px;
|
|
56
|
+
z-index: 10000;
|
|
57
|
+
color: #5f5955;
|
|
58
|
+
background: #ffffff;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
@media (min-width: 768px) and (max-width: 850px) {
|
|
62
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
63
|
+
padding: 0 4px;
|
|
64
|
+
font-size: 8px;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
@media (min-width: 768px) {
|
|
68
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
69
|
+
width: 100%;
|
|
70
|
+
display: inline-block;
|
|
71
|
+
}
|
|
72
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
73
|
+
display: flex;
|
|
74
|
+
float: left;
|
|
75
|
+
align-items: center;
|
|
76
|
+
margin: 10px 0;
|
|
77
|
+
}
|
|
78
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
79
|
+
padding-left: 10px;
|
|
80
|
+
}
|
|
81
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
82
|
+
float: right;
|
|
83
|
+
display: flex;
|
|
84
|
+
margin: 24px 0 24px 0;
|
|
85
|
+
}
|
|
86
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
87
|
+
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
88
|
+
background-repeat: no-repeat;
|
|
89
|
+
background-size: contain;
|
|
90
|
+
display: block;
|
|
91
|
+
height: 24px;
|
|
92
|
+
margin-right: 6px;
|
|
93
|
+
width: 24px;
|
|
94
|
+
}
|
|
95
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
96
|
+
color: #da291c;
|
|
97
|
+
font-weight: 700;
|
|
98
|
+
font-size: 18px;
|
|
99
|
+
line-height: 24px;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
@media (max-width: 767px) {
|
|
103
|
+
.MinimizedHeader-module__outer___JOzJC {
|
|
104
|
+
background-color: #ffffff;
|
|
105
|
+
border-top: 4px solid #da291c;
|
|
106
|
+
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
107
|
+
height: 48px;
|
|
108
|
+
}
|
|
109
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
110
|
+
width: 100%;
|
|
111
|
+
display: inline-block;
|
|
112
|
+
}
|
|
113
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
114
|
+
display: flex;
|
|
115
|
+
float: left;
|
|
116
|
+
}
|
|
117
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
|
|
118
|
+
margin-top: 12px;
|
|
119
|
+
}
|
|
120
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
|
|
121
|
+
height: 24px;
|
|
122
|
+
width: 24px;
|
|
123
|
+
float: left;
|
|
124
|
+
}
|
|
125
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
126
|
+
margin-top: 8px;
|
|
127
|
+
padding-left: 6px;
|
|
128
|
+
}
|
|
129
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
|
|
130
|
+
height: 20px;
|
|
131
|
+
}
|
|
132
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
133
|
+
float: right;
|
|
134
|
+
display: flex;
|
|
135
|
+
margin: 12px 0 12px 0;
|
|
136
|
+
}
|
|
137
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
138
|
+
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
139
|
+
background-repeat: no-repeat;
|
|
140
|
+
background-size: contain;
|
|
141
|
+
display: block;
|
|
142
|
+
height: 20px;
|
|
143
|
+
margin-right: 6px;
|
|
144
|
+
width: 20px;
|
|
145
|
+
}
|
|
146
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
147
|
+
color: #da291c;
|
|
148
|
+
font-weight: 700;
|
|
149
|
+
font-size: 18px;
|
|
150
|
+
line-height: 24px;
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
154
|
+
position: fixed;
|
|
155
|
+
top: 0;
|
|
156
|
+
left: 0;
|
|
157
|
+
padding: 4px 8px;
|
|
158
|
+
font-size: 14px;
|
|
159
|
+
z-index: 10000;
|
|
160
|
+
color: #5f5955;
|
|
161
|
+
background: #ffffff;
|
|
162
|
+
}
|
|
163
|
+
@media (max-width: 850px) {
|
|
164
|
+
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
165
|
+
padding: 0 4px;
|
|
166
|
+
font-size: 8px;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
|
|
1
170
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
|
|
2
171
|
/* center a block element */
|
|
3
172
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -318,41 +487,6 @@
|
|
|
318
487
|
}
|
|
319
488
|
}
|
|
320
489
|
|
|
321
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
|
|
322
|
-
/* center a block element */
|
|
323
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
324
|
-
/* setting styles in separate formats for cross browser support */
|
|
325
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
326
|
-
/* vertically center alilgn any HTML element */
|
|
327
|
-
/* add basePath to assets */
|
|
328
|
-
.row-module__sr-def-row___us1ph {
|
|
329
|
-
margin-left: auto;
|
|
330
|
-
margin-right: auto;
|
|
331
|
-
padding-left: 16px;
|
|
332
|
-
padding-right: 16px;
|
|
333
|
-
max-width: 1308px;
|
|
334
|
-
width: 100%;
|
|
335
|
-
}
|
|
336
|
-
.row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
|
|
337
|
-
padding: 0px;
|
|
338
|
-
max-width: 100%;
|
|
339
|
-
}
|
|
340
|
-
@media (min-width: 1024px) and (max-width: 1439px) {
|
|
341
|
-
.row-module__sr-def-row___us1ph {
|
|
342
|
-
max-width: 972px;
|
|
343
|
-
}
|
|
344
|
-
}
|
|
345
|
-
@media (min-width: 768px) and (max-width: 1023px) {
|
|
346
|
-
.row-module__sr-def-row___us1ph {
|
|
347
|
-
max-width: 720px;
|
|
348
|
-
}
|
|
349
|
-
}
|
|
350
|
-
@media (max-width: 767px) {
|
|
351
|
-
.row-module__sr-def-row___us1ph {
|
|
352
|
-
max-width: 100%;
|
|
353
|
-
}
|
|
354
|
-
}
|
|
355
|
-
|
|
356
490
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
|
|
357
491
|
/* center a block element */
|
|
358
492
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -675,287 +809,36 @@
|
|
|
675
809
|
visibility: visible;
|
|
676
810
|
}
|
|
677
811
|
|
|
678
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/
|
|
812
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
|
|
679
813
|
/* center a block element */
|
|
680
814
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
681
815
|
/* setting styles in separate formats for cross browser support */
|
|
682
816
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
683
817
|
/* vertically center alilgn any HTML element */
|
|
684
818
|
/* add basePath to assets */
|
|
685
|
-
.
|
|
686
|
-
|
|
687
|
-
z-index: 2147483002;
|
|
688
|
-
}
|
|
689
|
-
|
|
690
|
-
.cart-overlay-panel .offcanvas-header {
|
|
691
|
-
padding: 20px 16px;
|
|
692
|
-
gap: 24px;
|
|
693
|
-
align-items: center;
|
|
694
|
-
background: #ffffff;
|
|
695
|
-
border-bottom: 1px solid #e6e3df;
|
|
819
|
+
.LocaleSelector-module__button___0LEXR {
|
|
820
|
+
position: relative;
|
|
696
821
|
}
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
display: flex;
|
|
700
|
-
flex-direction: column;
|
|
701
|
-
align-items: flex-start;
|
|
702
|
-
gap: 2px;
|
|
703
|
-
font-size: 24px;
|
|
704
|
-
line-height: 32px;
|
|
705
|
-
font-weight: 700;
|
|
822
|
+
.LocaleSelector-module__button___0LEXR button {
|
|
823
|
+
background-color: transparent;
|
|
706
824
|
color: #3d3935;
|
|
825
|
+
border: 0;
|
|
826
|
+
border-radius: 4px;
|
|
827
|
+
padding-bottom: 5px;
|
|
828
|
+
cursor: pointer;
|
|
829
|
+
height: 42px;
|
|
830
|
+
font-size: 14px;
|
|
831
|
+
line-height: 20px;
|
|
832
|
+
width: 100%;
|
|
707
833
|
}
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
opacity: 0.7;
|
|
717
|
-
width: 20px;
|
|
718
|
-
height: 20px;
|
|
719
|
-
}
|
|
720
|
-
.cart-overlay-panel .btn-close:hover {
|
|
721
|
-
opacity: 1;
|
|
722
|
-
}
|
|
723
|
-
|
|
724
|
-
.cart-overlay-panel .offcanvas-body {
|
|
725
|
-
padding: 0;
|
|
726
|
-
overflow-y: auto;
|
|
727
|
-
display: flex;
|
|
728
|
-
flex-direction: column;
|
|
729
|
-
background: #f7f6f5;
|
|
730
|
-
}
|
|
731
|
-
|
|
732
|
-
.cart-overlay-panel.offcanvas-bottom {
|
|
733
|
-
border-radius: 8px 8px 0 0 !important;
|
|
734
|
-
width: 100% !important;
|
|
735
|
-
overflow: hidden;
|
|
736
|
-
}
|
|
737
|
-
|
|
738
|
-
.CartOverlay-module__backdrop___lMc-O {
|
|
739
|
-
position: fixed;
|
|
740
|
-
inset: 0;
|
|
741
|
-
z-index: 1040;
|
|
742
|
-
background: rgba(42, 42, 42, 0.7);
|
|
743
|
-
animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
744
|
-
}
|
|
745
|
-
|
|
746
|
-
@keyframes CartOverlay-module__fadeIn___G8JYJ {
|
|
747
|
-
from {
|
|
748
|
-
opacity: 0;
|
|
749
|
-
}
|
|
750
|
-
to {
|
|
751
|
-
opacity: 1;
|
|
752
|
-
}
|
|
753
|
-
}
|
|
754
|
-
.CartOverlay-module__footer___OwJpW {
|
|
755
|
-
padding: 16px 24px;
|
|
756
|
-
border-top: 1px solid #d2d2d2;
|
|
757
|
-
background-color: #ffffff;
|
|
758
|
-
}
|
|
759
|
-
|
|
760
|
-
.CartOverlay-module__dismissButton___57qsq {
|
|
761
|
-
display: flex;
|
|
762
|
-
align-items: center;
|
|
763
|
-
justify-content: center;
|
|
764
|
-
width: 100%;
|
|
765
|
-
padding: 14px 24px;
|
|
766
|
-
gap: 8px;
|
|
767
|
-
background: none;
|
|
768
|
-
border: 2px solid #da291c;
|
|
769
|
-
border-radius: 28px;
|
|
770
|
-
font-size: 16px;
|
|
771
|
-
line-height: 24px;
|
|
772
|
-
font-weight: 600;
|
|
773
|
-
color: #da291c;
|
|
774
|
-
text-align: center;
|
|
775
|
-
cursor: pointer;
|
|
776
|
-
transition: background-color 0.15s ease;
|
|
777
|
-
}
|
|
778
|
-
.CartOverlay-module__dismissButton___57qsq:hover {
|
|
779
|
-
background-color: rgba(218, 41, 28, 0.05);
|
|
780
|
-
}
|
|
781
|
-
.CartOverlay-module__dismissButton___57qsq:focus-visible {
|
|
782
|
-
outline: 2px solid #da291c;
|
|
783
|
-
outline-offset: 2px;
|
|
784
|
-
}
|
|
785
|
-
|
|
786
|
-
.CartOverlay-module__errorMessage___ylBiH {
|
|
787
|
-
margin: auto 24px;
|
|
788
|
-
padding: 16px;
|
|
789
|
-
font-size: 20px;
|
|
790
|
-
line-height: 28px;
|
|
791
|
-
color: #3d3935;
|
|
792
|
-
text-align: center;
|
|
793
|
-
}
|
|
794
|
-
|
|
795
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
|
|
796
|
-
/* center a block element */
|
|
797
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
798
|
-
/* setting styles in separate formats for cross browser support */
|
|
799
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
800
|
-
/* vertically center alilgn any HTML element */
|
|
801
|
-
/* add basePath to assets */
|
|
802
|
-
@media (min-width: 768px) {
|
|
803
|
-
.MinimizedHeader-module__outer___JOzJC {
|
|
804
|
-
background-color: #ffffff;
|
|
805
|
-
border-top: 4px solid #da291c;
|
|
806
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
807
|
-
height: 72px;
|
|
808
|
-
}
|
|
809
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
810
|
-
position: fixed;
|
|
811
|
-
top: 0;
|
|
812
|
-
left: 0;
|
|
813
|
-
padding: 4px 8px;
|
|
814
|
-
font-size: 14px;
|
|
815
|
-
z-index: 10000;
|
|
816
|
-
color: #5f5955;
|
|
817
|
-
background: #ffffff;
|
|
818
|
-
}
|
|
819
|
-
}
|
|
820
|
-
@media (min-width: 768px) and (max-width: 850px) {
|
|
821
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
822
|
-
padding: 0 4px;
|
|
823
|
-
font-size: 8px;
|
|
824
|
-
}
|
|
825
|
-
}
|
|
826
|
-
@media (min-width: 768px) {
|
|
827
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
828
|
-
width: 100%;
|
|
829
|
-
display: inline-block;
|
|
830
|
-
}
|
|
831
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
832
|
-
display: flex;
|
|
833
|
-
float: left;
|
|
834
|
-
align-items: center;
|
|
835
|
-
margin: 10px 0;
|
|
836
|
-
}
|
|
837
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
838
|
-
padding-left: 10px;
|
|
839
|
-
}
|
|
840
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
841
|
-
float: right;
|
|
842
|
-
display: flex;
|
|
843
|
-
margin: 24px 0 24px 0;
|
|
844
|
-
}
|
|
845
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
846
|
-
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
847
|
-
background-repeat: no-repeat;
|
|
848
|
-
background-size: contain;
|
|
849
|
-
display: block;
|
|
850
|
-
height: 24px;
|
|
851
|
-
margin-right: 6px;
|
|
852
|
-
width: 24px;
|
|
853
|
-
}
|
|
854
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
855
|
-
color: #da291c;
|
|
856
|
-
font-weight: 700;
|
|
857
|
-
font-size: 18px;
|
|
858
|
-
line-height: 24px;
|
|
859
|
-
}
|
|
860
|
-
}
|
|
861
|
-
@media (max-width: 767px) {
|
|
862
|
-
.MinimizedHeader-module__outer___JOzJC {
|
|
863
|
-
background-color: #ffffff;
|
|
864
|
-
border-top: 4px solid #da291c;
|
|
865
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
866
|
-
height: 48px;
|
|
867
|
-
}
|
|
868
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
869
|
-
width: 100%;
|
|
870
|
-
display: inline-block;
|
|
871
|
-
}
|
|
872
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
873
|
-
display: flex;
|
|
874
|
-
float: left;
|
|
875
|
-
}
|
|
876
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
|
|
877
|
-
margin-top: 12px;
|
|
878
|
-
}
|
|
879
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
|
|
880
|
-
height: 24px;
|
|
881
|
-
width: 24px;
|
|
882
|
-
float: left;
|
|
883
|
-
}
|
|
884
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
885
|
-
margin-top: 8px;
|
|
886
|
-
padding-left: 6px;
|
|
887
|
-
}
|
|
888
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
|
|
889
|
-
height: 20px;
|
|
890
|
-
}
|
|
891
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
892
|
-
float: right;
|
|
893
|
-
display: flex;
|
|
894
|
-
margin: 12px 0 12px 0;
|
|
895
|
-
}
|
|
896
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
897
|
-
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
898
|
-
background-repeat: no-repeat;
|
|
899
|
-
background-size: contain;
|
|
900
|
-
display: block;
|
|
901
|
-
height: 20px;
|
|
902
|
-
margin-right: 6px;
|
|
903
|
-
width: 20px;
|
|
904
|
-
}
|
|
905
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
906
|
-
color: #da291c;
|
|
907
|
-
font-weight: 700;
|
|
908
|
-
font-size: 18px;
|
|
909
|
-
line-height: 24px;
|
|
910
|
-
}
|
|
911
|
-
}
|
|
912
|
-
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
913
|
-
position: fixed;
|
|
914
|
-
top: 0;
|
|
915
|
-
left: 0;
|
|
916
|
-
padding: 4px 8px;
|
|
917
|
-
font-size: 14px;
|
|
918
|
-
z-index: 10000;
|
|
919
|
-
color: #5f5955;
|
|
920
|
-
background: #ffffff;
|
|
921
|
-
}
|
|
922
|
-
@media (max-width: 850px) {
|
|
923
|
-
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
924
|
-
padding: 0 4px;
|
|
925
|
-
font-size: 8px;
|
|
926
|
-
}
|
|
927
|
-
}
|
|
928
|
-
|
|
929
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
|
|
930
|
-
/* center a block element */
|
|
931
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
932
|
-
/* setting styles in separate formats for cross browser support */
|
|
933
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
934
|
-
/* vertically center alilgn any HTML element */
|
|
935
|
-
/* add basePath to assets */
|
|
936
|
-
.LocaleSelector-module__button___0LEXR {
|
|
937
|
-
position: relative;
|
|
938
|
-
}
|
|
939
|
-
.LocaleSelector-module__button___0LEXR button {
|
|
940
|
-
background-color: transparent;
|
|
941
|
-
color: #3d3935;
|
|
942
|
-
border: 0;
|
|
943
|
-
border-radius: 4px;
|
|
944
|
-
padding-bottom: 5px;
|
|
945
|
-
cursor: pointer;
|
|
946
|
-
height: 42px;
|
|
947
|
-
font-size: 14px;
|
|
948
|
-
line-height: 20px;
|
|
949
|
-
width: 100%;
|
|
950
|
-
}
|
|
951
|
-
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
|
|
952
|
-
background-position: center center;
|
|
953
|
-
background-repeat: no-repeat;
|
|
954
|
-
height: 8px;
|
|
955
|
-
margin-left: 10px;
|
|
956
|
-
margin-top: 2px;
|
|
957
|
-
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
|
|
958
|
-
width: 14px;
|
|
834
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
|
|
835
|
+
background-position: center center;
|
|
836
|
+
background-repeat: no-repeat;
|
|
837
|
+
height: 8px;
|
|
838
|
+
margin-left: 10px;
|
|
839
|
+
margin-top: 2px;
|
|
840
|
+
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
|
|
841
|
+
width: 14px;
|
|
959
842
|
}
|
|
960
843
|
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
|
|
961
844
|
-webkit-transform: rotate(-180deg);
|
|
@@ -1376,269 +1259,14 @@
|
|
|
1376
1259
|
text-align: center;
|
|
1377
1260
|
}
|
|
1378
1261
|
|
|
1379
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/
|
|
1262
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
|
|
1380
1263
|
/* center a block element */
|
|
1381
1264
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1382
1265
|
/* setting styles in separate formats for cross browser support */
|
|
1383
1266
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1384
1267
|
/* vertically center alilgn any HTML element */
|
|
1385
1268
|
/* add basePath to assets */
|
|
1386
|
-
.
|
|
1387
|
-
font-weight: unset;
|
|
1388
|
-
}
|
|
1389
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
|
|
1390
|
-
position: relative;
|
|
1391
|
-
color: #333333;
|
|
1392
|
-
display: -webkit-box;
|
|
1393
|
-
font-size: 16px;
|
|
1394
|
-
line-height: 24px;
|
|
1395
|
-
display: flex;
|
|
1396
|
-
height: auto;
|
|
1397
|
-
text-decoration: none;
|
|
1398
|
-
padding: 10px 10px 10px 10px;
|
|
1399
|
-
margin-bottom: 4px;
|
|
1400
|
-
background-color: #ffffff;
|
|
1401
|
-
}
|
|
1402
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
|
|
1403
|
-
border: 1px solid #e8e8e8;
|
|
1404
|
-
}
|
|
1405
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
|
|
1406
|
-
position: absolute;
|
|
1407
|
-
left: 10px;
|
|
1408
|
-
}
|
|
1409
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
|
|
1410
|
-
position: absolute;
|
|
1411
|
-
right: 10px;
|
|
1412
|
-
}
|
|
1413
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
1414
|
-
transition: transform 0.2s ease;
|
|
1415
|
-
}
|
|
1416
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
|
|
1417
|
-
display: block;
|
|
1418
|
-
flex-shrink: 0;
|
|
1419
|
-
height: 24px;
|
|
1420
|
-
width: 24px;
|
|
1421
|
-
margin-right: 8px;
|
|
1422
|
-
}
|
|
1423
|
-
|
|
1424
|
-
.MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
1425
|
-
transform: rotate(-180deg);
|
|
1426
|
-
}
|
|
1427
|
-
|
|
1428
|
-
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
|
|
1429
|
-
background-color: #1f1f1f;
|
|
1430
|
-
color: #ffffff;
|
|
1431
|
-
border: 1px solid #2c2c2c;
|
|
1432
|
-
}
|
|
1433
|
-
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
|
|
1434
|
-
filter: brightness(0) invert(0.9);
|
|
1435
|
-
}
|
|
1436
|
-
|
|
1437
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
|
|
1438
|
-
/* center a block element */
|
|
1439
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1440
|
-
/* setting styles in separate formats for cross browser support */
|
|
1441
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1442
|
-
/* vertically center alilgn any HTML element */
|
|
1443
|
-
/* add basePath to assets */
|
|
1444
|
-
.BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
|
|
1445
|
-
margin-left: 0 !important;
|
|
1446
|
-
}
|
|
1447
|
-
|
|
1448
|
-
.BusinessCustomerLinkOut-module__icon___lYHUm {
|
|
1449
|
-
padding: 14px 8px 18px 8px;
|
|
1450
|
-
cursor: pointer;
|
|
1451
|
-
}
|
|
1452
|
-
.BusinessCustomerLinkOut-module__icon___lYHUm img {
|
|
1453
|
-
margin-left: 0px !important;
|
|
1454
|
-
padding-left: 8px;
|
|
1455
|
-
}
|
|
1456
|
-
|
|
1457
|
-
.BusinessCustomerLinkOut-module__icon1___VBeT5 {
|
|
1458
|
-
color: #da291c;
|
|
1459
|
-
background-color: #ffffff;
|
|
1460
|
-
padding: 14px 8px 18px 8px;
|
|
1461
|
-
border-radius: 4px 4px 0 0;
|
|
1462
|
-
}
|
|
1463
|
-
.BusinessCustomerLinkOut-module__icon1___VBeT5 img {
|
|
1464
|
-
color: #da291c;
|
|
1465
|
-
margin-left: 0px !important;
|
|
1466
|
-
padding-left: unset;
|
|
1467
|
-
padding-right: 8px;
|
|
1468
|
-
transform: rotate(-180deg);
|
|
1469
|
-
}
|
|
1470
|
-
|
|
1471
|
-
.BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
|
|
1472
|
-
color: #da291c !important;
|
|
1473
|
-
}
|
|
1474
|
-
.BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1475
|
-
border-radius: 4px 4px 0 0;
|
|
1476
|
-
background-color: #ffffff;
|
|
1477
|
-
padding: 14px 8px 18px 8px;
|
|
1478
|
-
}
|
|
1479
|
-
|
|
1480
|
-
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
|
|
1481
|
-
color: unset !important;
|
|
1482
|
-
}
|
|
1483
|
-
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
|
|
1484
|
-
background-color: unset;
|
|
1485
|
-
}
|
|
1486
|
-
|
|
1487
|
-
.BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1488
|
-
background-color: transparent;
|
|
1489
|
-
}
|
|
1490
|
-
|
|
1491
|
-
.BusinessCustomerLinkOut-module__login-flyover___9GsNf {
|
|
1492
|
-
margin-left: 0px !important;
|
|
1493
|
-
position: absolute;
|
|
1494
|
-
min-width: 214px;
|
|
1495
|
-
display: block;
|
|
1496
|
-
padding: 36px 32px 36px 32px;
|
|
1497
|
-
font-size: 18px;
|
|
1498
|
-
line-height: 24px;
|
|
1499
|
-
border: 0;
|
|
1500
|
-
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
1501
|
-
background-color: #ffffff;
|
|
1502
|
-
border-radius: 0 0 8px 8px;
|
|
1503
|
-
z-index: 1;
|
|
1504
|
-
}
|
|
1505
|
-
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
|
|
1506
|
-
margin-left: 0 !important;
|
|
1507
|
-
padding-top: 18px;
|
|
1508
|
-
}
|
|
1509
|
-
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
|
|
1510
|
-
padding-top: 28px;
|
|
1511
|
-
}
|
|
1512
|
-
.BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
|
|
1513
|
-
border-bottom: 1px solid #e6e3df;
|
|
1514
|
-
padding-bottom: 18px;
|
|
1515
|
-
}
|
|
1516
|
-
|
|
1517
|
-
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1518
|
-
background-color: #111111;
|
|
1519
|
-
}
|
|
1520
|
-
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
|
|
1521
|
-
background-color: #1f1f1f;
|
|
1522
|
-
}
|
|
1523
|
-
|
|
1524
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
|
|
1525
|
-
/* center a block element */
|
|
1526
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1527
|
-
/* setting styles in separate formats for cross browser support */
|
|
1528
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1529
|
-
/* vertically center alilgn any HTML element */
|
|
1530
|
-
/* add basePath to assets */
|
|
1531
|
-
.SubNavigation-module__container___Wb5XN {
|
|
1532
|
-
background-color: #ffffff;
|
|
1533
|
-
color: #575452;
|
|
1534
|
-
border-radius: 0px 0px 8px 8px;
|
|
1535
|
-
margin: 0 auto;
|
|
1536
|
-
max-width: 1308px;
|
|
1537
|
-
min-height: 47px;
|
|
1538
|
-
-webkit-align-items: center;
|
|
1539
|
-
-moz-align-items: center;
|
|
1540
|
-
-o-align-items: center;
|
|
1541
|
-
align-items: center;
|
|
1542
|
-
}
|
|
1543
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
|
|
1544
|
-
font-size: 14px;
|
|
1545
|
-
line-height: 20px;
|
|
1546
|
-
font-weight: 700;
|
|
1547
|
-
}
|
|
1548
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
|
|
1549
|
-
margin-left: 0 !important;
|
|
1550
|
-
margin-top: 0 !important;
|
|
1551
|
-
font-size: 18px;
|
|
1552
|
-
line-height: 24px;
|
|
1553
|
-
font-weight: 400;
|
|
1554
|
-
display: block !important;
|
|
1555
|
-
}
|
|
1556
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
|
|
1557
|
-
padding-bottom: 28px;
|
|
1558
|
-
}
|
|
1559
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
|
|
1560
|
-
font-size: 14px;
|
|
1561
|
-
line-height: 20px;
|
|
1562
|
-
color: #7A7A7B;
|
|
1563
|
-
font-weight: 700;
|
|
1564
|
-
padding-bottom: 28px;
|
|
1565
|
-
}
|
|
1566
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
|
|
1567
|
-
display: flex;
|
|
1568
|
-
grid-column: 2;
|
|
1569
|
-
grid-template-columns: repeat(auto-fit, 20%);
|
|
1570
|
-
padding: 24px 32px;
|
|
1571
|
-
}
|
|
1572
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
|
|
1573
|
-
border-left: 1px solid #e6e3df;
|
|
1574
|
-
padding-left: 24px;
|
|
1575
|
-
padding-right: 24px;
|
|
1576
|
-
max-width: 248px;
|
|
1577
|
-
}
|
|
1578
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1579
|
-
padding-left: 0;
|
|
1580
|
-
border: none;
|
|
1581
|
-
}
|
|
1582
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
|
|
1583
|
-
margin-left: 4px;
|
|
1584
|
-
vertical-align: middle;
|
|
1585
|
-
height: 24px;
|
|
1586
|
-
width: 24px;
|
|
1587
|
-
}
|
|
1588
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
|
|
1589
|
-
margin-left: 0;
|
|
1590
|
-
margin-right: 4px;
|
|
1591
|
-
}
|
|
1592
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
|
|
1593
|
-
white-space: nowrap;
|
|
1594
|
-
display: inline-flex;
|
|
1595
|
-
align-items: center;
|
|
1596
|
-
}
|
|
1597
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1598
|
-
display: flex;
|
|
1599
|
-
align-items: flex-start;
|
|
1600
|
-
gap: 4px;
|
|
1601
|
-
white-space: normal;
|
|
1602
|
-
max-width: 100%;
|
|
1603
|
-
}
|
|
1604
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
|
|
1605
|
-
white-space: normal;
|
|
1606
|
-
min-width: 0;
|
|
1607
|
-
}
|
|
1608
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1609
|
-
white-space: normal;
|
|
1610
|
-
align-items: flex-start;
|
|
1611
|
-
gap: 4px;
|
|
1612
|
-
}
|
|
1613
|
-
|
|
1614
|
-
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
|
|
1615
|
-
background-color: #1f1f1f;
|
|
1616
|
-
color: #ffffff;
|
|
1617
|
-
}
|
|
1618
|
-
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
|
|
1619
|
-
color: #ffffff;
|
|
1620
|
-
}
|
|
1621
|
-
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
|
|
1622
|
-
color: #ffffff;
|
|
1623
|
-
}
|
|
1624
|
-
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
|
|
1625
|
-
color: #ffffff;
|
|
1626
|
-
}
|
|
1627
|
-
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
|
|
1628
|
-
border-left: 1px solid #86807c;
|
|
1629
|
-
}
|
|
1630
|
-
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1631
|
-
border: none;
|
|
1632
|
-
}
|
|
1633
|
-
|
|
1634
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
|
|
1635
|
-
/* center a block element */
|
|
1636
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1637
|
-
/* setting styles in separate formats for cross browser support */
|
|
1638
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1639
|
-
/* vertically center alilgn any HTML element */
|
|
1640
|
-
/* add basePath to assets */
|
|
1641
|
-
.CartHeader-module__headerTitle___35F6g {
|
|
1269
|
+
.CartHeader-module__headerTitle___35F6g {
|
|
1642
1270
|
display: flex;
|
|
1643
1271
|
align-items: center;
|
|
1644
1272
|
gap: 8px;
|
|
@@ -1679,6 +1307,64 @@
|
|
|
1679
1307
|
border-radius: 2px;
|
|
1680
1308
|
}
|
|
1681
1309
|
|
|
1310
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
|
|
1311
|
+
/* center a block element */
|
|
1312
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1313
|
+
/* setting styles in separate formats for cross browser support */
|
|
1314
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1315
|
+
/* vertically center alilgn any HTML element */
|
|
1316
|
+
/* add basePath to assets */
|
|
1317
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
|
|
1318
|
+
font-weight: unset;
|
|
1319
|
+
}
|
|
1320
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
|
|
1321
|
+
position: relative;
|
|
1322
|
+
color: #333333;
|
|
1323
|
+
display: -webkit-box;
|
|
1324
|
+
font-size: 16px;
|
|
1325
|
+
line-height: 24px;
|
|
1326
|
+
display: flex;
|
|
1327
|
+
height: auto;
|
|
1328
|
+
text-decoration: none;
|
|
1329
|
+
padding: 10px 10px 10px 10px;
|
|
1330
|
+
margin-bottom: 4px;
|
|
1331
|
+
background-color: #ffffff;
|
|
1332
|
+
}
|
|
1333
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
|
|
1334
|
+
border: 1px solid #e8e8e8;
|
|
1335
|
+
}
|
|
1336
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
|
|
1337
|
+
position: absolute;
|
|
1338
|
+
left: 10px;
|
|
1339
|
+
}
|
|
1340
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
|
|
1341
|
+
position: absolute;
|
|
1342
|
+
right: 10px;
|
|
1343
|
+
}
|
|
1344
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
1345
|
+
transition: transform 0.2s ease;
|
|
1346
|
+
}
|
|
1347
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
|
|
1348
|
+
display: block;
|
|
1349
|
+
flex-shrink: 0;
|
|
1350
|
+
height: 24px;
|
|
1351
|
+
width: 24px;
|
|
1352
|
+
margin-right: 8px;
|
|
1353
|
+
}
|
|
1354
|
+
|
|
1355
|
+
.MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
1356
|
+
transform: rotate(-180deg);
|
|
1357
|
+
}
|
|
1358
|
+
|
|
1359
|
+
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
|
|
1360
|
+
background-color: #1f1f1f;
|
|
1361
|
+
color: #ffffff;
|
|
1362
|
+
border: 1px solid #2c2c2c;
|
|
1363
|
+
}
|
|
1364
|
+
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
|
|
1365
|
+
filter: brightness(0) invert(0.9);
|
|
1366
|
+
}
|
|
1367
|
+
|
|
1682
1368
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
|
|
1683
1369
|
/* center a block element */
|
|
1684
1370
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -1832,6 +1518,93 @@
|
|
|
1832
1518
|
line-height: 1.3;
|
|
1833
1519
|
}
|
|
1834
1520
|
|
|
1521
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
|
|
1522
|
+
/* center a block element */
|
|
1523
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1524
|
+
/* setting styles in separate formats for cross browser support */
|
|
1525
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1526
|
+
/* vertically center alilgn any HTML element */
|
|
1527
|
+
/* add basePath to assets */
|
|
1528
|
+
.BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
|
|
1529
|
+
margin-left: 0 !important;
|
|
1530
|
+
}
|
|
1531
|
+
|
|
1532
|
+
.BusinessCustomerLinkOut-module__icon___lYHUm {
|
|
1533
|
+
padding: 14px 8px 18px 8px;
|
|
1534
|
+
cursor: pointer;
|
|
1535
|
+
}
|
|
1536
|
+
.BusinessCustomerLinkOut-module__icon___lYHUm img {
|
|
1537
|
+
margin-left: 0px !important;
|
|
1538
|
+
padding-left: 8px;
|
|
1539
|
+
}
|
|
1540
|
+
|
|
1541
|
+
.BusinessCustomerLinkOut-module__icon1___VBeT5 {
|
|
1542
|
+
color: #da291c;
|
|
1543
|
+
background-color: #ffffff;
|
|
1544
|
+
padding: 14px 8px 18px 8px;
|
|
1545
|
+
border-radius: 4px 4px 0 0;
|
|
1546
|
+
}
|
|
1547
|
+
.BusinessCustomerLinkOut-module__icon1___VBeT5 img {
|
|
1548
|
+
color: #da291c;
|
|
1549
|
+
margin-left: 0px !important;
|
|
1550
|
+
padding-left: unset;
|
|
1551
|
+
padding-right: 8px;
|
|
1552
|
+
transform: rotate(-180deg);
|
|
1553
|
+
}
|
|
1554
|
+
|
|
1555
|
+
.BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
|
|
1556
|
+
color: #da291c !important;
|
|
1557
|
+
}
|
|
1558
|
+
.BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1559
|
+
border-radius: 4px 4px 0 0;
|
|
1560
|
+
background-color: #ffffff;
|
|
1561
|
+
padding: 14px 8px 18px 8px;
|
|
1562
|
+
}
|
|
1563
|
+
|
|
1564
|
+
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
|
|
1565
|
+
color: unset !important;
|
|
1566
|
+
}
|
|
1567
|
+
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
|
|
1568
|
+
background-color: unset;
|
|
1569
|
+
}
|
|
1570
|
+
|
|
1571
|
+
.BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1572
|
+
background-color: transparent;
|
|
1573
|
+
}
|
|
1574
|
+
|
|
1575
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf {
|
|
1576
|
+
margin-left: 0px !important;
|
|
1577
|
+
position: absolute;
|
|
1578
|
+
min-width: 214px;
|
|
1579
|
+
display: block;
|
|
1580
|
+
padding: 36px 32px 36px 32px;
|
|
1581
|
+
font-size: 18px;
|
|
1582
|
+
line-height: 24px;
|
|
1583
|
+
border: 0;
|
|
1584
|
+
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
1585
|
+
background-color: #ffffff;
|
|
1586
|
+
border-radius: 0 0 8px 8px;
|
|
1587
|
+
z-index: 1;
|
|
1588
|
+
}
|
|
1589
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
|
|
1590
|
+
margin-left: 0 !important;
|
|
1591
|
+
padding-top: 18px;
|
|
1592
|
+
}
|
|
1593
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
|
|
1594
|
+
padding-top: 28px;
|
|
1595
|
+
}
|
|
1596
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
|
|
1597
|
+
border-bottom: 1px solid #e6e3df;
|
|
1598
|
+
padding-bottom: 18px;
|
|
1599
|
+
}
|
|
1600
|
+
|
|
1601
|
+
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1602
|
+
background-color: #111111;
|
|
1603
|
+
}
|
|
1604
|
+
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
|
|
1605
|
+
background-color: #1f1f1f;
|
|
1606
|
+
}
|
|
1607
|
+
|
|
1835
1608
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
|
|
1836
1609
|
/* center a block element */
|
|
1837
1610
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -1918,98 +1691,231 @@
|
|
|
1918
1691
|
outline-offset: 2px;
|
|
1919
1692
|
}
|
|
1920
1693
|
|
|
1921
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/
|
|
1694
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
|
|
1922
1695
|
/* center a block element */
|
|
1923
1696
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1924
1697
|
/* setting styles in separate formats for cross browser support */
|
|
1925
1698
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1926
1699
|
/* vertically center alilgn any HTML element */
|
|
1927
1700
|
/* add basePath to assets */
|
|
1928
|
-
.
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
|
|
1701
|
+
.SubNavigation-module__container___Wb5XN {
|
|
1702
|
+
background-color: #ffffff;
|
|
1703
|
+
color: #575452;
|
|
1704
|
+
border-radius: 0px 0px 8px 8px;
|
|
1705
|
+
margin: 0 auto;
|
|
1706
|
+
max-width: 1308px;
|
|
1707
|
+
min-height: 47px;
|
|
1708
|
+
-webkit-align-items: center;
|
|
1709
|
+
-moz-align-items: center;
|
|
1710
|
+
-o-align-items: center;
|
|
1711
|
+
align-items: center;
|
|
1935
1712
|
}
|
|
1936
|
-
.
|
|
1937
|
-
cursor: unset;
|
|
1938
|
-
padding: 20px 10px 4px;
|
|
1939
|
-
color: #858585;
|
|
1940
|
-
letter-spacing: 1px;
|
|
1941
|
-
text-transform: uppercase;
|
|
1713
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
|
|
1942
1714
|
font-size: 14px;
|
|
1943
1715
|
line-height: 20px;
|
|
1944
|
-
font-weight:
|
|
1716
|
+
font-weight: 700;
|
|
1945
1717
|
}
|
|
1946
|
-
.
|
|
1947
|
-
|
|
1948
|
-
|
|
1718
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
|
|
1719
|
+
margin-left: 0 !important;
|
|
1720
|
+
margin-top: 0 !important;
|
|
1721
|
+
font-size: 18px;
|
|
1722
|
+
line-height: 24px;
|
|
1723
|
+
font-weight: 400;
|
|
1724
|
+
display: block !important;
|
|
1949
1725
|
}
|
|
1950
|
-
.
|
|
1951
|
-
|
|
1726
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
|
|
1727
|
+
padding-bottom: 28px;
|
|
1952
1728
|
}
|
|
1953
|
-
.
|
|
1954
|
-
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1729
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
|
|
1730
|
+
font-size: 14px;
|
|
1731
|
+
line-height: 20px;
|
|
1732
|
+
color: #7A7A7B;
|
|
1733
|
+
font-weight: 700;
|
|
1734
|
+
padding-bottom: 28px;
|
|
1958
1735
|
}
|
|
1959
|
-
.
|
|
1736
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
|
|
1737
|
+
display: flex;
|
|
1738
|
+
grid-column: 2;
|
|
1739
|
+
grid-template-columns: repeat(auto-fit, 20%);
|
|
1740
|
+
padding: 24px 32px;
|
|
1741
|
+
}
|
|
1742
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
|
|
1743
|
+
border-left: 1px solid #e6e3df;
|
|
1744
|
+
padding-left: 24px;
|
|
1745
|
+
padding-right: 24px;
|
|
1746
|
+
max-width: 248px;
|
|
1747
|
+
}
|
|
1748
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1749
|
+
padding-left: 0;
|
|
1750
|
+
border: none;
|
|
1751
|
+
}
|
|
1752
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
|
|
1960
1753
|
margin-left: 4px;
|
|
1961
|
-
|
|
1754
|
+
vertical-align: middle;
|
|
1962
1755
|
height: 24px;
|
|
1963
1756
|
width: 24px;
|
|
1964
1757
|
}
|
|
1965
|
-
.
|
|
1758
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
|
|
1966
1759
|
margin-left: 0;
|
|
1967
1760
|
margin-right: 4px;
|
|
1968
1761
|
}
|
|
1969
|
-
.
|
|
1762
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
|
|
1970
1763
|
white-space: nowrap;
|
|
1971
1764
|
display: inline-flex;
|
|
1972
1765
|
align-items: center;
|
|
1973
1766
|
}
|
|
1974
|
-
.
|
|
1767
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1975
1768
|
display: flex;
|
|
1976
1769
|
align-items: flex-start;
|
|
1977
1770
|
gap: 4px;
|
|
1978
1771
|
white-space: normal;
|
|
1979
1772
|
max-width: 100%;
|
|
1980
1773
|
}
|
|
1981
|
-
.
|
|
1774
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
|
|
1982
1775
|
white-space: normal;
|
|
1983
1776
|
min-width: 0;
|
|
1984
1777
|
}
|
|
1985
|
-
.
|
|
1986
|
-
|
|
1778
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1779
|
+
white-space: normal;
|
|
1780
|
+
align-items: flex-start;
|
|
1781
|
+
gap: 4px;
|
|
1987
1782
|
}
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1783
|
+
|
|
1784
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
|
|
1785
|
+
background-color: #1f1f1f;
|
|
1786
|
+
color: #ffffff;
|
|
1991
1787
|
}
|
|
1992
|
-
.
|
|
1993
|
-
|
|
1788
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
|
|
1789
|
+
color: #ffffff;
|
|
1994
1790
|
}
|
|
1995
|
-
.
|
|
1996
|
-
|
|
1791
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
|
|
1792
|
+
color: #ffffff;
|
|
1793
|
+
}
|
|
1794
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
|
|
1795
|
+
color: #ffffff;
|
|
1796
|
+
}
|
|
1797
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
|
|
1798
|
+
border-left: 1px solid #86807c;
|
|
1799
|
+
}
|
|
1800
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1801
|
+
border: none;
|
|
1997
1802
|
}
|
|
1998
1803
|
|
|
1999
|
-
.
|
|
2000
|
-
|
|
1804
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
|
|
1805
|
+
/* center a block element */
|
|
1806
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1807
|
+
/* setting styles in separate formats for cross browser support */
|
|
1808
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1809
|
+
/* vertically center alilgn any HTML element */
|
|
1810
|
+
/* add basePath to assets */
|
|
1811
|
+
.cart-overlay-panel.offcanvas {
|
|
1812
|
+
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
|
|
1813
|
+
z-index: 2147483002;
|
|
2001
1814
|
}
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
|
|
2005
|
-
|
|
1815
|
+
|
|
1816
|
+
.cart-overlay-panel .offcanvas-header {
|
|
1817
|
+
padding: 20px 16px;
|
|
1818
|
+
gap: 24px;
|
|
1819
|
+
align-items: center;
|
|
1820
|
+
background: #ffffff;
|
|
1821
|
+
border-bottom: 1px solid #e6e3df;
|
|
2006
1822
|
}
|
|
2007
1823
|
|
|
2008
|
-
.
|
|
2009
|
-
|
|
1824
|
+
.cart-overlay-panel .offcanvas-title {
|
|
1825
|
+
display: flex;
|
|
1826
|
+
flex-direction: column;
|
|
1827
|
+
align-items: flex-start;
|
|
1828
|
+
gap: 2px;
|
|
1829
|
+
font-size: 24px;
|
|
1830
|
+
line-height: 32px;
|
|
1831
|
+
font-weight: 700;
|
|
1832
|
+
color: #3d3935;
|
|
2010
1833
|
}
|
|
2011
|
-
|
|
2012
|
-
|
|
1834
|
+
@media (max-width: 1023px) {
|
|
1835
|
+
.cart-overlay-panel .offcanvas-title {
|
|
1836
|
+
font-size: 20px;
|
|
1837
|
+
line-height: 28px;
|
|
1838
|
+
}
|
|
1839
|
+
}
|
|
1840
|
+
|
|
1841
|
+
.cart-overlay-panel .btn-close {
|
|
1842
|
+
opacity: 0.7;
|
|
1843
|
+
width: 20px;
|
|
1844
|
+
height: 20px;
|
|
1845
|
+
}
|
|
1846
|
+
.cart-overlay-panel .btn-close:hover {
|
|
1847
|
+
opacity: 1;
|
|
1848
|
+
}
|
|
1849
|
+
|
|
1850
|
+
.cart-overlay-panel .offcanvas-body {
|
|
1851
|
+
padding: 0;
|
|
1852
|
+
overflow-y: auto;
|
|
1853
|
+
display: flex;
|
|
1854
|
+
flex-direction: column;
|
|
1855
|
+
background: #f7f6f5;
|
|
1856
|
+
}
|
|
1857
|
+
|
|
1858
|
+
.cart-overlay-panel.offcanvas-bottom {
|
|
1859
|
+
border-radius: 8px 8px 0 0 !important;
|
|
1860
|
+
width: 100% !important;
|
|
1861
|
+
overflow: hidden;
|
|
1862
|
+
}
|
|
1863
|
+
|
|
1864
|
+
.CartOverlay-module__backdrop___lMc-O {
|
|
1865
|
+
position: fixed;
|
|
1866
|
+
inset: 0;
|
|
1867
|
+
z-index: 1040;
|
|
1868
|
+
background: rgba(42, 42, 42, 0.7);
|
|
1869
|
+
animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
1870
|
+
}
|
|
1871
|
+
|
|
1872
|
+
@keyframes CartOverlay-module__fadeIn___G8JYJ {
|
|
1873
|
+
from {
|
|
1874
|
+
opacity: 0;
|
|
1875
|
+
}
|
|
1876
|
+
to {
|
|
1877
|
+
opacity: 1;
|
|
1878
|
+
}
|
|
1879
|
+
}
|
|
1880
|
+
.CartOverlay-module__footer___OwJpW {
|
|
1881
|
+
padding: 16px 24px;
|
|
1882
|
+
border-top: 1px solid #d2d2d2;
|
|
1883
|
+
background-color: #ffffff;
|
|
1884
|
+
}
|
|
1885
|
+
|
|
1886
|
+
.CartOverlay-module__dismissButton___57qsq {
|
|
1887
|
+
display: flex;
|
|
1888
|
+
align-items: center;
|
|
1889
|
+
justify-content: center;
|
|
1890
|
+
width: 100%;
|
|
1891
|
+
padding: 14px 24px;
|
|
1892
|
+
gap: 8px;
|
|
1893
|
+
background: none;
|
|
1894
|
+
border: 2px solid #da291c;
|
|
1895
|
+
border-radius: 28px;
|
|
1896
|
+
font-size: 16px;
|
|
1897
|
+
line-height: 24px;
|
|
1898
|
+
font-weight: 600;
|
|
1899
|
+
color: #da291c;
|
|
1900
|
+
text-align: center;
|
|
1901
|
+
cursor: pointer;
|
|
1902
|
+
transition: background-color 0.15s ease;
|
|
1903
|
+
}
|
|
1904
|
+
.CartOverlay-module__dismissButton___57qsq:hover {
|
|
1905
|
+
background-color: rgba(218, 41, 28, 0.05);
|
|
1906
|
+
}
|
|
1907
|
+
.CartOverlay-module__dismissButton___57qsq:focus-visible {
|
|
1908
|
+
outline: 2px solid #da291c;
|
|
1909
|
+
outline-offset: 2px;
|
|
1910
|
+
}
|
|
1911
|
+
|
|
1912
|
+
.CartOverlay-module__errorMessage___ylBiH {
|
|
1913
|
+
margin: auto 24px;
|
|
1914
|
+
padding: 16px;
|
|
1915
|
+
font-size: 20px;
|
|
1916
|
+
line-height: 28px;
|
|
1917
|
+
color: #3d3935;
|
|
1918
|
+
text-align: center;
|
|
2013
1919
|
}
|
|
2014
1920
|
|
|
2015
1921
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
|
|
@@ -2170,3 +2076,97 @@
|
|
|
2170
2076
|
padding: 16px;
|
|
2171
2077
|
}
|
|
2172
2078
|
}
|
|
2079
|
+
|
|
2080
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
|
|
2081
|
+
/* center a block element */
|
|
2082
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
2083
|
+
/* setting styles in separate formats for cross browser support */
|
|
2084
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
2085
|
+
/* vertically center alilgn any HTML element */
|
|
2086
|
+
/* add basePath to assets */
|
|
2087
|
+
.MobileSubNavigation-module__container___1tQpO {
|
|
2088
|
+
max-height: 0px;
|
|
2089
|
+
overflow: hidden;
|
|
2090
|
+
transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
2091
|
+
transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
2092
|
+
transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9), -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
2093
|
+
width: 100%;
|
|
2094
|
+
}
|
|
2095
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
|
|
2096
|
+
cursor: unset;
|
|
2097
|
+
padding: 20px 10px 4px;
|
|
2098
|
+
color: #858585;
|
|
2099
|
+
letter-spacing: 1px;
|
|
2100
|
+
text-transform: uppercase;
|
|
2101
|
+
font-size: 14px;
|
|
2102
|
+
line-height: 20px;
|
|
2103
|
+
font-weight: 500;
|
|
2104
|
+
}
|
|
2105
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
2106
|
+
background-color: #ffffff;
|
|
2107
|
+
padding: 10px;
|
|
2108
|
+
}
|
|
2109
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
|
|
2110
|
+
border: 1px solid #e8e8e8;
|
|
2111
|
+
}
|
|
2112
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
2113
|
+
color: #333333;
|
|
2114
|
+
font-weight: 500;
|
|
2115
|
+
font-size: 16px;
|
|
2116
|
+
line-height: 24px;
|
|
2117
|
+
}
|
|
2118
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
|
|
2119
|
+
margin-left: 4px;
|
|
2120
|
+
flex-shrink: 0;
|
|
2121
|
+
height: 24px;
|
|
2122
|
+
width: 24px;
|
|
2123
|
+
}
|
|
2124
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
|
|
2125
|
+
margin-left: 0;
|
|
2126
|
+
margin-right: 4px;
|
|
2127
|
+
}
|
|
2128
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
|
|
2129
|
+
white-space: nowrap;
|
|
2130
|
+
display: inline-flex;
|
|
2131
|
+
align-items: center;
|
|
2132
|
+
}
|
|
2133
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
|
|
2134
|
+
display: flex;
|
|
2135
|
+
align-items: flex-start;
|
|
2136
|
+
gap: 4px;
|
|
2137
|
+
white-space: normal;
|
|
2138
|
+
max-width: 100%;
|
|
2139
|
+
}
|
|
2140
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
|
|
2141
|
+
white-space: normal;
|
|
2142
|
+
min-width: 0;
|
|
2143
|
+
}
|
|
2144
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
2145
|
+
display: none;
|
|
2146
|
+
}
|
|
2147
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
|
|
2148
|
+
display: block;
|
|
2149
|
+
height: auto;
|
|
2150
|
+
}
|
|
2151
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
|
|
2152
|
+
padding: 0 0 24px 16px;
|
|
2153
|
+
}
|
|
2154
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
|
|
2155
|
+
padding-bottom: 4px;
|
|
2156
|
+
}
|
|
2157
|
+
|
|
2158
|
+
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
|
|
2159
|
+
color: #f2f2f2;
|
|
2160
|
+
}
|
|
2161
|
+
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
2162
|
+
background-color: #1f1f1f;
|
|
2163
|
+
border: 1px solid #2c2c2c;
|
|
2164
|
+
color: #ffffff;
|
|
2165
|
+
}
|
|
2166
|
+
|
|
2167
|
+
.active-link .MobileSubNavigation-module__container___1tQpO {
|
|
2168
|
+
max-height: 200vh;
|
|
2169
|
+
}
|
|
2170
|
+
.active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
2171
|
+
display: block;
|
|
2172
|
+
}
|