@sunrise-upc/sales-static-components 3.9.0-beta.1 → 3.9.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/FalconMainNavigation/FalconHeader/LocaleSelector/useLocaleService.js +1 -1
- package/dist/cjs/components/FalconMainNavigation/FalconHeader/LocaleSelector/useLocaleService.js.map +1 -1
- package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
- package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
- package/dist/esm/components/FalconMainNavigation/FalconHeader/LocaleSelector/useLocaleService.js +1 -1
- package/dist/esm/components/FalconMainNavigation/FalconHeader/LocaleSelector/useLocaleService.js.map +1 -1
- package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
- package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
- package/dist/navigation.css +816 -816
- package/package.json +1 -1
package/dist/navigation.css
CHANGED
|
@@ -1,3 +1,483 @@
|
|
|
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/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.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
|
+
.InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu {
|
|
44
|
+
-webkit-align-items: center;
|
|
45
|
+
-moz-align-items: center;
|
|
46
|
+
-o-align-items: center;
|
|
47
|
+
align-items: center;
|
|
48
|
+
cursor: pointer;
|
|
49
|
+
display: flex;
|
|
50
|
+
flex-direction: column;
|
|
51
|
+
height: 18px;
|
|
52
|
+
justify-content: space-between;
|
|
53
|
+
width: 26px;
|
|
54
|
+
}
|
|
55
|
+
.InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu .InteractiveHamburger-module__hamburger-line___xZnuw {
|
|
56
|
+
background-color: #575452;
|
|
57
|
+
border-radius: 4px;
|
|
58
|
+
height: 2px;
|
|
59
|
+
opacity: 1;
|
|
60
|
+
position: relative;
|
|
61
|
+
-webkit-transform: scale(1);
|
|
62
|
+
-moz-transform: scale(1);
|
|
63
|
+
-o-transform: scale(1);
|
|
64
|
+
transform: scale(1);
|
|
65
|
+
transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
|
|
66
|
+
width: 26px;
|
|
67
|
+
}
|
|
68
|
+
.InteractiveHamburger-module__container___UPh6b.InteractiveHamburger-module__active___0fZ1l .InteractiveHamburger-module__hamburger___fUISu {
|
|
69
|
+
justify-content: center;
|
|
70
|
+
background-repeat: no-repeat;
|
|
71
|
+
background-size: contain;
|
|
72
|
+
cursor: pointer;
|
|
73
|
+
display: block;
|
|
74
|
+
height: 24px;
|
|
75
|
+
width: 24px;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
|
|
79
|
+
/* center a block element */
|
|
80
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
81
|
+
/* setting styles in separate formats for cross browser support */
|
|
82
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
83
|
+
/* vertically center alilgn any HTML element */
|
|
84
|
+
/* add basePath to assets */
|
|
85
|
+
.FalconHeader-module__outer___cpG-W {
|
|
86
|
+
padding: 14px 0 18px;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.FalconHeader-module__container___r3bIZ {
|
|
90
|
+
-webkit-transition: all 1s ease-out;
|
|
91
|
+
transition: all 1s ease-out;
|
|
92
|
+
background-color: #f7f6f5;
|
|
93
|
+
font-size: 14px;
|
|
94
|
+
line-height: 18px;
|
|
95
|
+
font-weight: 700;
|
|
96
|
+
max-height: 60px;
|
|
97
|
+
min-height: 3px;
|
|
98
|
+
opacity: 1;
|
|
99
|
+
width: 100%;
|
|
100
|
+
padding-top: 4px;
|
|
101
|
+
}
|
|
102
|
+
.FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
|
|
103
|
+
opacity: 1;
|
|
104
|
+
background-color: #da291c;
|
|
105
|
+
-webkit-transition: all 1s ease-out;
|
|
106
|
+
transition: all 1s ease-out;
|
|
107
|
+
}
|
|
108
|
+
@media (max-width: 1023px) {
|
|
109
|
+
.FalconHeader-module__container___r3bIZ {
|
|
110
|
+
background-color: #da291c;
|
|
111
|
+
min-height: 4px;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
.FalconHeader-module__container___r3bIZ :not(:first-child) {
|
|
115
|
+
margin-left: 20px;
|
|
116
|
+
}
|
|
117
|
+
.FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
|
|
118
|
+
margin-left: 100px;
|
|
119
|
+
}
|
|
120
|
+
.FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
|
|
121
|
+
float: left;
|
|
122
|
+
color: #3d3935;
|
|
123
|
+
font-weight: 400;
|
|
124
|
+
font-size: 14px;
|
|
125
|
+
line-height: 20px;
|
|
126
|
+
display: block;
|
|
127
|
+
height: 30px;
|
|
128
|
+
text-decoration: none;
|
|
129
|
+
}
|
|
130
|
+
.FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
|
|
131
|
+
text-decoration: none;
|
|
132
|
+
}
|
|
133
|
+
.FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
|
|
134
|
+
float: right;
|
|
135
|
+
}
|
|
136
|
+
.FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
|
|
137
|
+
color: #1f1f1f;
|
|
138
|
+
font-weight: 400;
|
|
139
|
+
font-size: 14px;
|
|
140
|
+
line-height: 20px;
|
|
141
|
+
display: block;
|
|
142
|
+
margin-bottom: 4px;
|
|
143
|
+
text-decoration: none;
|
|
144
|
+
}
|
|
145
|
+
.FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
|
|
146
|
+
text-decoration: none;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
|
|
150
|
+
background-color: #111111;
|
|
151
|
+
}
|
|
152
|
+
.FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
|
|
153
|
+
.FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
|
|
154
|
+
color: #ffffff;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
|
|
158
|
+
/* center a block element */
|
|
159
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
160
|
+
/* setting styles in separate formats for cross browser support */
|
|
161
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
162
|
+
/* vertically center alilgn any HTML element */
|
|
163
|
+
/* add basePath to assets */
|
|
164
|
+
.NavigationMenuItem-module__nav-link___ZDsjB {
|
|
165
|
+
font-size: 16px;
|
|
166
|
+
line-height: 24px;
|
|
167
|
+
margin-right: 6px;
|
|
168
|
+
}
|
|
169
|
+
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
|
|
170
|
+
padding: 10px 4px;
|
|
171
|
+
display: flex;
|
|
172
|
+
align-items: center;
|
|
173
|
+
gap: 8px;
|
|
174
|
+
}
|
|
175
|
+
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
|
|
176
|
+
flex-shrink: 0;
|
|
177
|
+
height: 24px;
|
|
178
|
+
width: 24px;
|
|
179
|
+
}
|
|
180
|
+
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
|
|
181
|
+
filter: none;
|
|
182
|
+
}
|
|
183
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
|
|
184
|
+
color: #3d3935;
|
|
185
|
+
background-color: #f7f6f5;
|
|
186
|
+
border-radius: 8px;
|
|
187
|
+
}
|
|
188
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
|
|
189
|
+
padding-left: unset;
|
|
190
|
+
padding-right: 4px;
|
|
191
|
+
transform: rotate(-180deg);
|
|
192
|
+
}
|
|
193
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
|
|
194
|
+
color: #ffffff;
|
|
195
|
+
}
|
|
196
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
|
|
197
|
+
filter: brightness(0) invert(0.9);
|
|
198
|
+
}
|
|
199
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
|
|
200
|
+
color: #ffffff;
|
|
201
|
+
background-color: #1f1f1f;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.active-item .NavigationMenuItem-module__submenu___cWv9X {
|
|
205
|
+
-webkit-transform: translateY(0);
|
|
206
|
+
-moz-transform: translateY(0);
|
|
207
|
+
-o-transform: translateY(0);
|
|
208
|
+
transform: translateY(0);
|
|
209
|
+
transition-delay: 0.3s;
|
|
210
|
+
visibility: visible;
|
|
211
|
+
border-radius: 0px 0px 8px 8px;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
.NavigationMenuItem-module__submenu___cWv9X {
|
|
215
|
+
background-color: #ffffff;
|
|
216
|
+
display: block;
|
|
217
|
+
left: 60%;
|
|
218
|
+
margin-left: -58%;
|
|
219
|
+
margin-top: -16px;
|
|
220
|
+
position: absolute;
|
|
221
|
+
top: 85px;
|
|
222
|
+
font-size: 16px;
|
|
223
|
+
line-height: 20px;
|
|
224
|
+
-webkit-transform: translateY(-100%);
|
|
225
|
+
-moz-transform: translateY(-100%);
|
|
226
|
+
-o-transform: translateY(-100%);
|
|
227
|
+
transform: translateY(-100%);
|
|
228
|
+
visibility: hidden;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.NavigationMenuItem-module__submenu___cWv9X.NavigationMenuItem-module__inverted___JCI48 {
|
|
232
|
+
background-color: #1f1f1f;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.NavigationMenuItem-module__out___rzlPg {
|
|
236
|
+
position: relative;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
|
|
240
|
+
/* center a block element */
|
|
241
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
242
|
+
/* setting styles in separate formats for cross browser support */
|
|
243
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
244
|
+
/* vertically center alilgn any HTML element */
|
|
245
|
+
/* add basePath to assets */
|
|
246
|
+
.MobileNavigation-module__container___apq4z {
|
|
247
|
+
background-color: #ffffff;
|
|
248
|
+
}
|
|
249
|
+
@media (max-width: 1023px) {
|
|
250
|
+
.MobileNavigation-module__container___apq4z {
|
|
251
|
+
background-color: #f8f8f8;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
.MobileNavigation-module__container___apq4z {
|
|
255
|
+
left: 0;
|
|
256
|
+
min-height: calc(100vh - 45px);
|
|
257
|
+
height: calc(100vh - 45px);
|
|
258
|
+
}
|
|
259
|
+
@supports (height: 100dvh) {
|
|
260
|
+
.MobileNavigation-module__container___apq4z {
|
|
261
|
+
min-height: calc(100dvh - 45px);
|
|
262
|
+
height: calc(100dvh - 45px);
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
.MobileNavigation-module__container___apq4z {
|
|
266
|
+
position: absolute;
|
|
267
|
+
-webkit-transform: translateY(-100%);
|
|
268
|
+
-moz-transform: translateY(-100%);
|
|
269
|
+
-o-transform: translateY(-100%);
|
|
270
|
+
transform: translateY(-100%);
|
|
271
|
+
transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
|
|
272
|
+
transition: transform 0.3s ease, visibility 0.3s ease;
|
|
273
|
+
transition: transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
|
|
274
|
+
visibility: hidden;
|
|
275
|
+
width: 100%;
|
|
276
|
+
z-index: 10;
|
|
277
|
+
}
|
|
278
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
|
|
279
|
+
height: calc(100vh - 45px);
|
|
280
|
+
}
|
|
281
|
+
@supports (height: 100dvh) {
|
|
282
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
|
|
283
|
+
height: calc(100dvh - 45px);
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
|
|
287
|
+
overflow-y: auto;
|
|
288
|
+
overscroll-behavior: contain;
|
|
289
|
+
-webkit-overflow-scrolling: touch;
|
|
290
|
+
touch-action: pan-y;
|
|
291
|
+
padding-top: 16px;
|
|
292
|
+
padding-bottom: 16px;
|
|
293
|
+
}
|
|
294
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm .MobileNavigation-module__outer___M5sp- {
|
|
295
|
+
margin-top: 24px;
|
|
296
|
+
}
|
|
297
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc {
|
|
298
|
+
margin-top: 20px;
|
|
299
|
+
}
|
|
300
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
|
|
301
|
+
background-color: #ffffff;
|
|
302
|
+
font-size: 16px;
|
|
303
|
+
line-height: 24px;
|
|
304
|
+
display: flex;
|
|
305
|
+
height: auto;
|
|
306
|
+
padding: 10px;
|
|
307
|
+
margin-bottom: 4px;
|
|
308
|
+
color: #333333;
|
|
309
|
+
}
|
|
310
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ.MobileNavigation-module__new-style___z9paT a {
|
|
311
|
+
border: 1px solid #e8e8e8;
|
|
312
|
+
}
|
|
313
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
|
|
314
|
+
margin-left: 12px;
|
|
315
|
+
}
|
|
316
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
|
|
317
|
+
border-bottom: 2px solid #f8f8f8;
|
|
318
|
+
border-top: 2px solid #f8f8f8;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
.MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
|
|
322
|
+
background-color: #111111;
|
|
323
|
+
}
|
|
324
|
+
@media (max-width: 1023px) {
|
|
325
|
+
.MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
|
|
326
|
+
background-color: #111111;
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
.MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
|
|
330
|
+
background-color: #1f1f1f;
|
|
331
|
+
color: #ffffff;
|
|
332
|
+
border: 1px solid #2c2c2c;
|
|
333
|
+
}
|
|
334
|
+
.MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
|
|
335
|
+
border-bottom: 2px solid #2c2c2c;
|
|
336
|
+
border-top: 2px solid #2c2c2c;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
.mob-nav-expand .MobileNavigation-module__container___apq4z {
|
|
340
|
+
-webkit-transform: translateY(0);
|
|
341
|
+
-moz-transform: translateY(0);
|
|
342
|
+
-o-transform: translateY(0);
|
|
343
|
+
transform: translateY(0);
|
|
344
|
+
visibility: visible;
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
|
|
348
|
+
/* center a block element */
|
|
349
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
350
|
+
/* setting styles in separate formats for cross browser support */
|
|
351
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
352
|
+
/* vertically center alilgn any HTML element */
|
|
353
|
+
/* add basePath to assets */
|
|
354
|
+
@media (min-width: 768px) {
|
|
355
|
+
.MinimizedHeader-module__outer___JOzJC {
|
|
356
|
+
background-color: #ffffff;
|
|
357
|
+
border-top: 4px solid #da291c;
|
|
358
|
+
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
359
|
+
height: 72px;
|
|
360
|
+
}
|
|
361
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
362
|
+
position: fixed;
|
|
363
|
+
top: 0;
|
|
364
|
+
left: 0;
|
|
365
|
+
padding: 4px 8px;
|
|
366
|
+
font-size: 14px;
|
|
367
|
+
z-index: 10000;
|
|
368
|
+
color: #5f5955;
|
|
369
|
+
background: #ffffff;
|
|
370
|
+
}
|
|
371
|
+
}
|
|
372
|
+
@media (min-width: 768px) and (max-width: 850px) {
|
|
373
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
374
|
+
padding: 0 4px;
|
|
375
|
+
font-size: 8px;
|
|
376
|
+
}
|
|
377
|
+
}
|
|
378
|
+
@media (min-width: 768px) {
|
|
379
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
380
|
+
width: 100%;
|
|
381
|
+
display: inline-block;
|
|
382
|
+
}
|
|
383
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
384
|
+
display: flex;
|
|
385
|
+
float: left;
|
|
386
|
+
align-items: center;
|
|
387
|
+
margin: 10px 0;
|
|
388
|
+
}
|
|
389
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
390
|
+
padding-left: 10px;
|
|
391
|
+
}
|
|
392
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
393
|
+
float: right;
|
|
394
|
+
display: flex;
|
|
395
|
+
margin: 24px 0 24px 0;
|
|
396
|
+
}
|
|
397
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
398
|
+
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
399
|
+
background-repeat: no-repeat;
|
|
400
|
+
background-size: contain;
|
|
401
|
+
display: block;
|
|
402
|
+
height: 24px;
|
|
403
|
+
margin-right: 6px;
|
|
404
|
+
width: 24px;
|
|
405
|
+
}
|
|
406
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
407
|
+
color: #da291c;
|
|
408
|
+
font-weight: 700;
|
|
409
|
+
font-size: 18px;
|
|
410
|
+
line-height: 24px;
|
|
411
|
+
}
|
|
412
|
+
}
|
|
413
|
+
@media (max-width: 767px) {
|
|
414
|
+
.MinimizedHeader-module__outer___JOzJC {
|
|
415
|
+
background-color: #ffffff;
|
|
416
|
+
border-top: 4px solid #da291c;
|
|
417
|
+
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
418
|
+
height: 48px;
|
|
419
|
+
}
|
|
420
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
421
|
+
width: 100%;
|
|
422
|
+
display: inline-block;
|
|
423
|
+
}
|
|
424
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
425
|
+
display: flex;
|
|
426
|
+
float: left;
|
|
427
|
+
}
|
|
428
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
|
|
429
|
+
margin-top: 12px;
|
|
430
|
+
}
|
|
431
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
|
|
432
|
+
height: 24px;
|
|
433
|
+
width: 24px;
|
|
434
|
+
float: left;
|
|
435
|
+
}
|
|
436
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
437
|
+
margin-top: 8px;
|
|
438
|
+
padding-left: 6px;
|
|
439
|
+
}
|
|
440
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
|
|
441
|
+
height: 20px;
|
|
442
|
+
}
|
|
443
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
444
|
+
float: right;
|
|
445
|
+
display: flex;
|
|
446
|
+
margin: 12px 0 12px 0;
|
|
447
|
+
}
|
|
448
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
449
|
+
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
450
|
+
background-repeat: no-repeat;
|
|
451
|
+
background-size: contain;
|
|
452
|
+
display: block;
|
|
453
|
+
height: 20px;
|
|
454
|
+
margin-right: 6px;
|
|
455
|
+
width: 20px;
|
|
456
|
+
}
|
|
457
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
458
|
+
color: #da291c;
|
|
459
|
+
font-weight: 700;
|
|
460
|
+
font-size: 18px;
|
|
461
|
+
line-height: 24px;
|
|
462
|
+
}
|
|
463
|
+
}
|
|
464
|
+
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
465
|
+
position: fixed;
|
|
466
|
+
top: 0;
|
|
467
|
+
left: 0;
|
|
468
|
+
padding: 4px 8px;
|
|
469
|
+
font-size: 14px;
|
|
470
|
+
z-index: 10000;
|
|
471
|
+
color: #5f5955;
|
|
472
|
+
background: #ffffff;
|
|
473
|
+
}
|
|
474
|
+
@media (max-width: 850px) {
|
|
475
|
+
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
476
|
+
padding: 0 4px;
|
|
477
|
+
font-size: 8px;
|
|
478
|
+
}
|
|
479
|
+
}
|
|
480
|
+
|
|
1
481
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
|
|
2
482
|
/* center a block element */
|
|
3
483
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -318,350 +798,321 @@
|
|
|
318
798
|
}
|
|
319
799
|
}
|
|
320
800
|
|
|
321
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/
|
|
801
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
|
|
322
802
|
/* center a block element */
|
|
323
803
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
324
804
|
/* setting styles in separate formats for cross browser support */
|
|
325
805
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
326
806
|
/* vertically center alilgn any HTML element */
|
|
327
807
|
/* add basePath to assets */
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
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;
|
|
808
|
+
@keyframes CartDotLoader-module__dotBounce___Gv8-6 {
|
|
809
|
+
0%, 80%, 100% {
|
|
810
|
+
transform: translateY(0);
|
|
348
811
|
}
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
.row-module__sr-def-row___us1ph {
|
|
352
|
-
max-width: 100%;
|
|
812
|
+
40% {
|
|
813
|
+
transform: translateY(-10px);
|
|
353
814
|
}
|
|
354
815
|
}
|
|
355
|
-
|
|
356
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
|
|
357
|
-
/* center a block element */
|
|
358
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
359
|
-
/* setting styles in separate formats for cross browser support */
|
|
360
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
361
|
-
/* vertically center alilgn any HTML element */
|
|
362
|
-
/* add basePath to assets */
|
|
363
|
-
.InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu {
|
|
364
|
-
-webkit-align-items: center;
|
|
365
|
-
-moz-align-items: center;
|
|
366
|
-
-o-align-items: center;
|
|
367
|
-
align-items: center;
|
|
368
|
-
cursor: pointer;
|
|
816
|
+
.CartDotLoader-module__loaderWrapper___PmIHe {
|
|
369
817
|
display: flex;
|
|
370
818
|
flex-direction: column;
|
|
371
|
-
|
|
372
|
-
justify-content: space-between;
|
|
373
|
-
width: 26px;
|
|
374
|
-
}
|
|
375
|
-
.InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu .InteractiveHamburger-module__hamburger-line___xZnuw {
|
|
376
|
-
background-color: #575452;
|
|
377
|
-
border-radius: 4px;
|
|
378
|
-
height: 2px;
|
|
379
|
-
opacity: 1;
|
|
380
|
-
position: relative;
|
|
381
|
-
-webkit-transform: scale(1);
|
|
382
|
-
-moz-transform: scale(1);
|
|
383
|
-
-o-transform: scale(1);
|
|
384
|
-
transform: scale(1);
|
|
385
|
-
transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
|
|
386
|
-
width: 26px;
|
|
387
|
-
}
|
|
388
|
-
.InteractiveHamburger-module__container___UPh6b.InteractiveHamburger-module__active___0fZ1l .InteractiveHamburger-module__hamburger___fUISu {
|
|
819
|
+
align-items: center;
|
|
389
820
|
justify-content: center;
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
height: 24px;
|
|
395
|
-
width: 24px;
|
|
821
|
+
gap: 20px;
|
|
822
|
+
height: 100%;
|
|
823
|
+
min-height: 200px;
|
|
824
|
+
padding: 40px 24px;
|
|
396
825
|
}
|
|
397
826
|
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
403
|
-
/* vertically center alilgn any HTML element */
|
|
404
|
-
/* add basePath to assets */
|
|
405
|
-
.FalconHeader-module__outer___cpG-W {
|
|
406
|
-
padding: 14px 0 18px;
|
|
827
|
+
.CartDotLoader-module__dots___OiUF- {
|
|
828
|
+
display: flex;
|
|
829
|
+
align-items: center;
|
|
830
|
+
gap: 8px;
|
|
407
831
|
}
|
|
408
832
|
|
|
409
|
-
.
|
|
410
|
-
-webkit-transition: all 1s ease-out;
|
|
411
|
-
transition: all 1s ease-out;
|
|
412
|
-
background-color: #f7f6f5;
|
|
413
|
-
font-size: 14px;
|
|
414
|
-
line-height: 18px;
|
|
415
|
-
font-weight: 700;
|
|
416
|
-
max-height: 60px;
|
|
417
|
-
min-height: 3px;
|
|
418
|
-
opacity: 1;
|
|
419
|
-
width: 100%;
|
|
420
|
-
padding-top: 4px;
|
|
421
|
-
}
|
|
422
|
-
.FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
|
|
423
|
-
opacity: 1;
|
|
424
|
-
background-color: #da291c;
|
|
425
|
-
-webkit-transition: all 1s ease-out;
|
|
426
|
-
transition: all 1s ease-out;
|
|
427
|
-
}
|
|
428
|
-
@media (max-width: 1023px) {
|
|
429
|
-
.FalconHeader-module__container___r3bIZ {
|
|
430
|
-
background-color: #da291c;
|
|
431
|
-
min-height: 4px;
|
|
432
|
-
}
|
|
433
|
-
}
|
|
434
|
-
.FalconHeader-module__container___r3bIZ :not(:first-child) {
|
|
435
|
-
margin-left: 20px;
|
|
436
|
-
}
|
|
437
|
-
.FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
|
|
438
|
-
margin-left: 100px;
|
|
439
|
-
}
|
|
440
|
-
.FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
|
|
441
|
-
float: left;
|
|
442
|
-
color: #3d3935;
|
|
443
|
-
font-weight: 400;
|
|
444
|
-
font-size: 14px;
|
|
445
|
-
line-height: 20px;
|
|
833
|
+
.CartDotLoader-module__dot___RsJtn {
|
|
446
834
|
display: block;
|
|
447
|
-
|
|
448
|
-
|
|
835
|
+
width: 12px;
|
|
836
|
+
height: 12px;
|
|
837
|
+
border-radius: 50%;
|
|
838
|
+
background-color: #da291c;
|
|
839
|
+
animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
|
|
449
840
|
}
|
|
450
|
-
.
|
|
451
|
-
|
|
841
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(1) {
|
|
842
|
+
animation-delay: 0s;
|
|
452
843
|
}
|
|
453
|
-
.
|
|
454
|
-
|
|
844
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(2) {
|
|
845
|
+
animation-delay: 0.2s;
|
|
455
846
|
}
|
|
456
|
-
.
|
|
457
|
-
|
|
458
|
-
font-weight: 400;
|
|
459
|
-
font-size: 14px;
|
|
460
|
-
line-height: 20px;
|
|
461
|
-
display: block;
|
|
462
|
-
margin-bottom: 4px;
|
|
463
|
-
text-decoration: none;
|
|
847
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(3) {
|
|
848
|
+
animation-delay: 0.4s;
|
|
464
849
|
}
|
|
465
|
-
.
|
|
466
|
-
|
|
850
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(4) {
|
|
851
|
+
animation-delay: 0.6s;
|
|
467
852
|
}
|
|
468
853
|
|
|
469
|
-
.
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
854
|
+
.CartDotLoader-module__loaderText___7uOK9 {
|
|
855
|
+
font-size: 16px;
|
|
856
|
+
line-height: 24px;
|
|
857
|
+
font-weight: 700;
|
|
858
|
+
color: #3d3935;
|
|
859
|
+
margin: 0;
|
|
860
|
+
text-align: center;
|
|
475
861
|
}
|
|
476
862
|
|
|
477
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/
|
|
863
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
|
|
478
864
|
/* center a block element */
|
|
479
865
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
480
866
|
/* setting styles in separate formats for cross browser support */
|
|
481
867
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
482
868
|
/* vertically center alilgn any HTML element */
|
|
483
869
|
/* add basePath to assets */
|
|
484
|
-
.
|
|
870
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
|
|
871
|
+
font-weight: unset;
|
|
872
|
+
}
|
|
873
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
|
|
874
|
+
position: relative;
|
|
875
|
+
color: #333333;
|
|
876
|
+
display: -webkit-box;
|
|
485
877
|
font-size: 16px;
|
|
486
878
|
line-height: 24px;
|
|
487
|
-
margin-right: 6px;
|
|
488
|
-
}
|
|
489
|
-
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
|
|
490
|
-
padding: 10px 4px;
|
|
491
879
|
display: flex;
|
|
492
|
-
|
|
493
|
-
|
|
880
|
+
height: auto;
|
|
881
|
+
text-decoration: none;
|
|
882
|
+
padding: 10px 10px 10px 10px;
|
|
883
|
+
margin-bottom: 4px;
|
|
884
|
+
background-color: #ffffff;
|
|
494
885
|
}
|
|
495
|
-
.
|
|
886
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
|
|
887
|
+
border: 1px solid #e8e8e8;
|
|
888
|
+
}
|
|
889
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
|
|
890
|
+
position: absolute;
|
|
891
|
+
left: 10px;
|
|
892
|
+
}
|
|
893
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
|
|
894
|
+
position: absolute;
|
|
895
|
+
right: 10px;
|
|
896
|
+
}
|
|
897
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
898
|
+
transition: transform 0.2s ease;
|
|
899
|
+
}
|
|
900
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
|
|
901
|
+
display: block;
|
|
496
902
|
flex-shrink: 0;
|
|
497
903
|
height: 24px;
|
|
498
904
|
width: 24px;
|
|
905
|
+
margin-right: 8px;
|
|
499
906
|
}
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
}
|
|
503
|
-
.NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
|
|
504
|
-
color: #3d3935;
|
|
505
|
-
background-color: #f7f6f5;
|
|
506
|
-
border-radius: 8px;
|
|
507
|
-
}
|
|
508
|
-
.NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
|
|
509
|
-
padding-left: unset;
|
|
510
|
-
padding-right: 4px;
|
|
907
|
+
|
|
908
|
+
.MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
511
909
|
transform: rotate(-180deg);
|
|
512
910
|
}
|
|
513
|
-
|
|
911
|
+
|
|
912
|
+
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
|
|
913
|
+
background-color: #1f1f1f;
|
|
514
914
|
color: #ffffff;
|
|
915
|
+
border: 1px solid #2c2c2c;
|
|
515
916
|
}
|
|
516
|
-
.
|
|
917
|
+
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
|
|
517
918
|
filter: brightness(0) invert(0.9);
|
|
518
919
|
}
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
920
|
+
|
|
921
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
|
|
922
|
+
/* center a block element */
|
|
923
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
924
|
+
/* setting styles in separate formats for cross browser support */
|
|
925
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
926
|
+
/* vertically center alilgn any HTML element */
|
|
927
|
+
/* add basePath to assets */
|
|
928
|
+
.BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
|
|
929
|
+
margin-left: 0 !important;
|
|
522
930
|
}
|
|
523
931
|
|
|
524
|
-
.
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
border-radius: 0px 0px 8px 8px;
|
|
932
|
+
.BusinessCustomerLinkOut-module__icon___lYHUm {
|
|
933
|
+
padding: 14px 8px 18px 8px;
|
|
934
|
+
cursor: pointer;
|
|
935
|
+
}
|
|
936
|
+
.BusinessCustomerLinkOut-module__icon___lYHUm img {
|
|
937
|
+
margin-left: 0px !important;
|
|
938
|
+
padding-left: 8px;
|
|
532
939
|
}
|
|
533
940
|
|
|
534
|
-
.
|
|
941
|
+
.BusinessCustomerLinkOut-module__icon1___VBeT5 {
|
|
942
|
+
color: #da291c;
|
|
535
943
|
background-color: #ffffff;
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
-moz-transform: translateY(-100%);
|
|
546
|
-
-o-transform: translateY(-100%);
|
|
547
|
-
transform: translateY(-100%);
|
|
548
|
-
visibility: hidden;
|
|
944
|
+
padding: 14px 8px 18px 8px;
|
|
945
|
+
border-radius: 4px 4px 0 0;
|
|
946
|
+
}
|
|
947
|
+
.BusinessCustomerLinkOut-module__icon1___VBeT5 img {
|
|
948
|
+
color: #da291c;
|
|
949
|
+
margin-left: 0px !important;
|
|
950
|
+
padding-left: unset;
|
|
951
|
+
padding-right: 8px;
|
|
952
|
+
transform: rotate(-180deg);
|
|
549
953
|
}
|
|
550
954
|
|
|
551
|
-
.
|
|
552
|
-
|
|
955
|
+
.BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
|
|
956
|
+
color: #da291c !important;
|
|
957
|
+
}
|
|
958
|
+
.BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
959
|
+
border-radius: 4px 4px 0 0;
|
|
960
|
+
background-color: #ffffff;
|
|
961
|
+
padding: 14px 8px 18px 8px;
|
|
553
962
|
}
|
|
554
963
|
|
|
555
|
-
.
|
|
556
|
-
|
|
964
|
+
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
|
|
965
|
+
color: unset !important;
|
|
966
|
+
}
|
|
967
|
+
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
|
|
968
|
+
background-color: unset;
|
|
557
969
|
}
|
|
558
970
|
|
|
559
|
-
|
|
971
|
+
.BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
972
|
+
background-color: transparent;
|
|
973
|
+
}
|
|
974
|
+
|
|
975
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf {
|
|
976
|
+
margin-left: 0px !important;
|
|
977
|
+
position: absolute;
|
|
978
|
+
min-width: 214px;
|
|
979
|
+
display: block;
|
|
980
|
+
padding: 36px 32px 36px 32px;
|
|
981
|
+
font-size: 18px;
|
|
982
|
+
line-height: 24px;
|
|
983
|
+
border: 0;
|
|
984
|
+
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
985
|
+
background-color: #ffffff;
|
|
986
|
+
border-radius: 0 0 8px 8px;
|
|
987
|
+
z-index: 1;
|
|
988
|
+
}
|
|
989
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
|
|
990
|
+
margin-left: 0 !important;
|
|
991
|
+
padding-top: 18px;
|
|
992
|
+
}
|
|
993
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
|
|
994
|
+
padding-top: 28px;
|
|
995
|
+
}
|
|
996
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
|
|
997
|
+
border-bottom: 1px solid #e6e3df;
|
|
998
|
+
padding-bottom: 18px;
|
|
999
|
+
}
|
|
1000
|
+
|
|
1001
|
+
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1002
|
+
background-color: #111111;
|
|
1003
|
+
}
|
|
1004
|
+
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
|
|
1005
|
+
background-color: #1f1f1f;
|
|
1006
|
+
}
|
|
1007
|
+
|
|
1008
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
|
|
560
1009
|
/* center a block element */
|
|
561
1010
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
562
1011
|
/* setting styles in separate formats for cross browser support */
|
|
563
1012
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
564
1013
|
/* vertically center alilgn any HTML element */
|
|
565
1014
|
/* add basePath to assets */
|
|
566
|
-
.
|
|
1015
|
+
.SubNavigation-module__container___Wb5XN {
|
|
567
1016
|
background-color: #ffffff;
|
|
1017
|
+
color: #575452;
|
|
1018
|
+
border-radius: 0px 0px 8px 8px;
|
|
1019
|
+
margin: 0 auto;
|
|
1020
|
+
max-width: 1308px;
|
|
1021
|
+
min-height: 47px;
|
|
1022
|
+
-webkit-align-items: center;
|
|
1023
|
+
-moz-align-items: center;
|
|
1024
|
+
-o-align-items: center;
|
|
1025
|
+
align-items: center;
|
|
568
1026
|
}
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
}
|
|
574
|
-
.MobileNavigation-module__container___apq4z {
|
|
575
|
-
left: 0;
|
|
576
|
-
min-height: calc(100vh - 45px);
|
|
577
|
-
height: calc(100vh - 45px);
|
|
578
|
-
}
|
|
579
|
-
@supports (height: 100dvh) {
|
|
580
|
-
.MobileNavigation-module__container___apq4z {
|
|
581
|
-
min-height: calc(100dvh - 45px);
|
|
582
|
-
height: calc(100dvh - 45px);
|
|
583
|
-
}
|
|
1027
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
|
|
1028
|
+
font-size: 14px;
|
|
1029
|
+
line-height: 20px;
|
|
1030
|
+
font-weight: 700;
|
|
584
1031
|
}
|
|
585
|
-
.
|
|
586
|
-
|
|
587
|
-
-
|
|
588
|
-
-
|
|
589
|
-
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
transition: transform 0.3s ease, visibility 0.3s ease;
|
|
593
|
-
transition: transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
|
|
594
|
-
visibility: hidden;
|
|
595
|
-
width: 100%;
|
|
596
|
-
z-index: 10;
|
|
1032
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
|
|
1033
|
+
margin-left: 0 !important;
|
|
1034
|
+
margin-top: 0 !important;
|
|
1035
|
+
font-size: 18px;
|
|
1036
|
+
line-height: 24px;
|
|
1037
|
+
font-weight: 400;
|
|
1038
|
+
display: block !important;
|
|
597
1039
|
}
|
|
598
|
-
.
|
|
599
|
-
|
|
1040
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
|
|
1041
|
+
padding-bottom: 28px;
|
|
600
1042
|
}
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
1043
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
|
|
1044
|
+
font-size: 14px;
|
|
1045
|
+
line-height: 20px;
|
|
1046
|
+
color: #7A7A7B;
|
|
1047
|
+
font-weight: 700;
|
|
1048
|
+
padding-bottom: 28px;
|
|
605
1049
|
}
|
|
606
|
-
.
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
-
|
|
610
|
-
|
|
611
|
-
padding-top: 16px;
|
|
612
|
-
padding-bottom: 16px;
|
|
1050
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
|
|
1051
|
+
display: flex;
|
|
1052
|
+
grid-column: 2;
|
|
1053
|
+
grid-template-columns: repeat(auto-fit, 20%);
|
|
1054
|
+
padding: 24px 32px;
|
|
613
1055
|
}
|
|
614
|
-
.
|
|
615
|
-
|
|
1056
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
|
|
1057
|
+
border-left: 1px solid #e6e3df;
|
|
1058
|
+
padding-left: 24px;
|
|
1059
|
+
padding-right: 24px;
|
|
1060
|
+
max-width: 248px;
|
|
616
1061
|
}
|
|
617
|
-
.
|
|
618
|
-
|
|
1062
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1063
|
+
padding-left: 0;
|
|
1064
|
+
border: none;
|
|
619
1065
|
}
|
|
620
|
-
.
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
height: auto;
|
|
626
|
-
padding: 10px;
|
|
627
|
-
margin-bottom: 4px;
|
|
628
|
-
color: #333333;
|
|
1066
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
|
|
1067
|
+
margin-left: 4px;
|
|
1068
|
+
vertical-align: middle;
|
|
1069
|
+
height: 24px;
|
|
1070
|
+
width: 24px;
|
|
629
1071
|
}
|
|
630
|
-
.
|
|
631
|
-
|
|
1072
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
|
|
1073
|
+
margin-left: 0;
|
|
1074
|
+
margin-right: 4px;
|
|
632
1075
|
}
|
|
633
|
-
.
|
|
634
|
-
|
|
1076
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
|
|
1077
|
+
white-space: nowrap;
|
|
1078
|
+
display: inline-flex;
|
|
1079
|
+
align-items: center;
|
|
635
1080
|
}
|
|
636
|
-
.
|
|
637
|
-
|
|
638
|
-
|
|
1081
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1082
|
+
display: flex;
|
|
1083
|
+
align-items: flex-start;
|
|
1084
|
+
gap: 4px;
|
|
1085
|
+
white-space: normal;
|
|
1086
|
+
max-width: 100%;
|
|
639
1087
|
}
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
1088
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
|
|
1089
|
+
white-space: normal;
|
|
1090
|
+
min-width: 0;
|
|
643
1091
|
}
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
1092
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1093
|
+
white-space: normal;
|
|
1094
|
+
align-items: flex-start;
|
|
1095
|
+
gap: 4px;
|
|
648
1096
|
}
|
|
649
|
-
|
|
1097
|
+
|
|
1098
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
|
|
650
1099
|
background-color: #1f1f1f;
|
|
651
1100
|
color: #ffffff;
|
|
652
|
-
border: 1px solid #2c2c2c;
|
|
653
1101
|
}
|
|
654
|
-
.
|
|
655
|
-
|
|
656
|
-
border-top: 2px solid #2c2c2c;
|
|
1102
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
|
|
1103
|
+
color: #ffffff;
|
|
657
1104
|
}
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
1105
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
|
|
1106
|
+
color: #ffffff;
|
|
1107
|
+
}
|
|
1108
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
|
|
1109
|
+
color: #ffffff;
|
|
1110
|
+
}
|
|
1111
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
|
|
1112
|
+
border-left: 1px solid #86807c;
|
|
1113
|
+
}
|
|
1114
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1115
|
+
border: none;
|
|
665
1116
|
}
|
|
666
1117
|
|
|
667
1118
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
|
|
@@ -754,165 +1205,31 @@
|
|
|
754
1205
|
padding: 14px 24px;
|
|
755
1206
|
gap: 8px;
|
|
756
1207
|
background: none;
|
|
757
|
-
border: 2px solid #da291c;
|
|
758
|
-
border-radius: 28px;
|
|
759
|
-
font-size: 16px;
|
|
760
|
-
line-height: 24px;
|
|
761
|
-
font-weight: 600;
|
|
762
|
-
color: #da291c;
|
|
763
|
-
text-align: center;
|
|
764
|
-
cursor: pointer;
|
|
765
|
-
transition: background-color 0.15s ease;
|
|
766
|
-
}
|
|
767
|
-
.CartOverlay-module__dismissButton___57qsq:hover {
|
|
768
|
-
background-color: rgba(218, 41, 28, 0.05);
|
|
769
|
-
}
|
|
770
|
-
.CartOverlay-module__dismissButton___57qsq:focus-visible {
|
|
771
|
-
outline: 2px solid #da291c;
|
|
772
|
-
outline-offset: 2px;
|
|
773
|
-
}
|
|
774
|
-
|
|
775
|
-
.CartOverlay-module__errorMessage___ylBiH {
|
|
776
|
-
margin: auto 24px;
|
|
777
|
-
padding: 16px;
|
|
778
|
-
font-size: 20px;
|
|
779
|
-
line-height: 28px;
|
|
780
|
-
color: #3d3935;
|
|
781
|
-
text-align: center;
|
|
782
|
-
}
|
|
783
|
-
|
|
784
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
|
|
785
|
-
/* center a block element */
|
|
786
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
787
|
-
/* setting styles in separate formats for cross browser support */
|
|
788
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
789
|
-
/* vertically center alilgn any HTML element */
|
|
790
|
-
/* add basePath to assets */
|
|
791
|
-
@media (min-width: 768px) {
|
|
792
|
-
.MinimizedHeader-module__outer___JOzJC {
|
|
793
|
-
background-color: #ffffff;
|
|
794
|
-
border-top: 4px solid #da291c;
|
|
795
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
796
|
-
height: 72px;
|
|
797
|
-
}
|
|
798
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
799
|
-
position: fixed;
|
|
800
|
-
top: 0;
|
|
801
|
-
left: 0;
|
|
802
|
-
padding: 4px 8px;
|
|
803
|
-
font-size: 14px;
|
|
804
|
-
z-index: 10000;
|
|
805
|
-
color: #5f5955;
|
|
806
|
-
background: #ffffff;
|
|
807
|
-
}
|
|
808
|
-
}
|
|
809
|
-
@media (min-width: 768px) and (max-width: 850px) {
|
|
810
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
811
|
-
padding: 0 4px;
|
|
812
|
-
font-size: 8px;
|
|
813
|
-
}
|
|
814
|
-
}
|
|
815
|
-
@media (min-width: 768px) {
|
|
816
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
817
|
-
width: 100%;
|
|
818
|
-
display: inline-block;
|
|
819
|
-
}
|
|
820
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
821
|
-
display: flex;
|
|
822
|
-
float: left;
|
|
823
|
-
align-items: center;
|
|
824
|
-
margin: 10px 0;
|
|
825
|
-
}
|
|
826
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
827
|
-
padding-left: 10px;
|
|
828
|
-
}
|
|
829
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
830
|
-
float: right;
|
|
831
|
-
display: flex;
|
|
832
|
-
margin: 24px 0 24px 0;
|
|
833
|
-
}
|
|
834
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
835
|
-
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
836
|
-
background-repeat: no-repeat;
|
|
837
|
-
background-size: contain;
|
|
838
|
-
display: block;
|
|
839
|
-
height: 24px;
|
|
840
|
-
margin-right: 6px;
|
|
841
|
-
width: 24px;
|
|
842
|
-
}
|
|
843
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
844
|
-
color: #da291c;
|
|
845
|
-
font-weight: 700;
|
|
846
|
-
font-size: 18px;
|
|
847
|
-
line-height: 24px;
|
|
848
|
-
}
|
|
849
|
-
}
|
|
850
|
-
@media (max-width: 767px) {
|
|
851
|
-
.MinimizedHeader-module__outer___JOzJC {
|
|
852
|
-
background-color: #ffffff;
|
|
853
|
-
border-top: 4px solid #da291c;
|
|
854
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
855
|
-
height: 48px;
|
|
856
|
-
}
|
|
857
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
858
|
-
width: 100%;
|
|
859
|
-
display: inline-block;
|
|
860
|
-
}
|
|
861
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
862
|
-
display: flex;
|
|
863
|
-
float: left;
|
|
864
|
-
}
|
|
865
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
|
|
866
|
-
margin-top: 12px;
|
|
867
|
-
}
|
|
868
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
|
|
869
|
-
height: 24px;
|
|
870
|
-
width: 24px;
|
|
871
|
-
float: left;
|
|
872
|
-
}
|
|
873
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
874
|
-
margin-top: 8px;
|
|
875
|
-
padding-left: 6px;
|
|
876
|
-
}
|
|
877
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
|
|
878
|
-
height: 20px;
|
|
879
|
-
}
|
|
880
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
881
|
-
float: right;
|
|
882
|
-
display: flex;
|
|
883
|
-
margin: 12px 0 12px 0;
|
|
884
|
-
}
|
|
885
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
886
|
-
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
887
|
-
background-repeat: no-repeat;
|
|
888
|
-
background-size: contain;
|
|
889
|
-
display: block;
|
|
890
|
-
height: 20px;
|
|
891
|
-
margin-right: 6px;
|
|
892
|
-
width: 20px;
|
|
893
|
-
}
|
|
894
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
895
|
-
color: #da291c;
|
|
896
|
-
font-weight: 700;
|
|
897
|
-
font-size: 18px;
|
|
898
|
-
line-height: 24px;
|
|
899
|
-
}
|
|
1208
|
+
border: 2px solid #da291c;
|
|
1209
|
+
border-radius: 28px;
|
|
1210
|
+
font-size: 16px;
|
|
1211
|
+
line-height: 24px;
|
|
1212
|
+
font-weight: 600;
|
|
1213
|
+
color: #da291c;
|
|
1214
|
+
text-align: center;
|
|
1215
|
+
cursor: pointer;
|
|
1216
|
+
transition: background-color 0.15s ease;
|
|
900
1217
|
}
|
|
901
|
-
.
|
|
902
|
-
|
|
903
|
-
top: 0;
|
|
904
|
-
left: 0;
|
|
905
|
-
padding: 4px 8px;
|
|
906
|
-
font-size: 14px;
|
|
907
|
-
z-index: 10000;
|
|
908
|
-
color: #5f5955;
|
|
909
|
-
background: #ffffff;
|
|
1218
|
+
.CartOverlay-module__dismissButton___57qsq:hover {
|
|
1219
|
+
background-color: rgba(218, 41, 28, 0.05);
|
|
910
1220
|
}
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
1221
|
+
.CartOverlay-module__dismissButton___57qsq:focus-visible {
|
|
1222
|
+
outline: 2px solid #da291c;
|
|
1223
|
+
outline-offset: 2px;
|
|
1224
|
+
}
|
|
1225
|
+
|
|
1226
|
+
.CartOverlay-module__errorMessage___ylBiH {
|
|
1227
|
+
margin: auto 24px;
|
|
1228
|
+
padding: 16px;
|
|
1229
|
+
font-size: 20px;
|
|
1230
|
+
line-height: 28px;
|
|
1231
|
+
color: #3d3935;
|
|
1232
|
+
text-align: center;
|
|
916
1233
|
}
|
|
917
1234
|
|
|
918
1235
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
|
|
@@ -1303,68 +1620,6 @@
|
|
|
1303
1620
|
}
|
|
1304
1621
|
}
|
|
1305
1622
|
|
|
1306
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
|
|
1307
|
-
/* center a block element */
|
|
1308
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1309
|
-
/* setting styles in separate formats for cross browser support */
|
|
1310
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1311
|
-
/* vertically center alilgn any HTML element */
|
|
1312
|
-
/* add basePath to assets */
|
|
1313
|
-
@keyframes CartDotLoader-module__dotBounce___Gv8-6 {
|
|
1314
|
-
0%, 80%, 100% {
|
|
1315
|
-
transform: translateY(0);
|
|
1316
|
-
}
|
|
1317
|
-
40% {
|
|
1318
|
-
transform: translateY(-10px);
|
|
1319
|
-
}
|
|
1320
|
-
}
|
|
1321
|
-
.CartDotLoader-module__loaderWrapper___PmIHe {
|
|
1322
|
-
display: flex;
|
|
1323
|
-
flex-direction: column;
|
|
1324
|
-
align-items: center;
|
|
1325
|
-
justify-content: center;
|
|
1326
|
-
gap: 20px;
|
|
1327
|
-
height: 100%;
|
|
1328
|
-
min-height: 200px;
|
|
1329
|
-
padding: 40px 24px;
|
|
1330
|
-
}
|
|
1331
|
-
|
|
1332
|
-
.CartDotLoader-module__dots___OiUF- {
|
|
1333
|
-
display: flex;
|
|
1334
|
-
align-items: center;
|
|
1335
|
-
gap: 8px;
|
|
1336
|
-
}
|
|
1337
|
-
|
|
1338
|
-
.CartDotLoader-module__dot___RsJtn {
|
|
1339
|
-
display: block;
|
|
1340
|
-
width: 12px;
|
|
1341
|
-
height: 12px;
|
|
1342
|
-
border-radius: 50%;
|
|
1343
|
-
background-color: #da291c;
|
|
1344
|
-
animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
|
|
1345
|
-
}
|
|
1346
|
-
.CartDotLoader-module__dot___RsJtn:nth-child(1) {
|
|
1347
|
-
animation-delay: 0s;
|
|
1348
|
-
}
|
|
1349
|
-
.CartDotLoader-module__dot___RsJtn:nth-child(2) {
|
|
1350
|
-
animation-delay: 0.2s;
|
|
1351
|
-
}
|
|
1352
|
-
.CartDotLoader-module__dot___RsJtn:nth-child(3) {
|
|
1353
|
-
animation-delay: 0.4s;
|
|
1354
|
-
}
|
|
1355
|
-
.CartDotLoader-module__dot___RsJtn:nth-child(4) {
|
|
1356
|
-
animation-delay: 0.6s;
|
|
1357
|
-
}
|
|
1358
|
-
|
|
1359
|
-
.CartDotLoader-module__loaderText___7uOK9 {
|
|
1360
|
-
font-size: 16px;
|
|
1361
|
-
line-height: 24px;
|
|
1362
|
-
font-weight: 700;
|
|
1363
|
-
color: #3d3935;
|
|
1364
|
-
margin: 0;
|
|
1365
|
-
text-align: center;
|
|
1366
|
-
}
|
|
1367
|
-
|
|
1368
1623
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
|
|
1369
1624
|
/* center a block element */
|
|
1370
1625
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -1413,64 +1668,6 @@
|
|
|
1413
1668
|
border-radius: 2px;
|
|
1414
1669
|
}
|
|
1415
1670
|
|
|
1416
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
|
|
1417
|
-
/* center a block element */
|
|
1418
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1419
|
-
/* setting styles in separate formats for cross browser support */
|
|
1420
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1421
|
-
/* vertically center alilgn any HTML element */
|
|
1422
|
-
/* add basePath to assets */
|
|
1423
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
|
|
1424
|
-
font-weight: unset;
|
|
1425
|
-
}
|
|
1426
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
|
|
1427
|
-
position: relative;
|
|
1428
|
-
color: #333333;
|
|
1429
|
-
display: -webkit-box;
|
|
1430
|
-
font-size: 16px;
|
|
1431
|
-
line-height: 24px;
|
|
1432
|
-
display: flex;
|
|
1433
|
-
height: auto;
|
|
1434
|
-
text-decoration: none;
|
|
1435
|
-
padding: 10px 10px 10px 10px;
|
|
1436
|
-
margin-bottom: 4px;
|
|
1437
|
-
background-color: #ffffff;
|
|
1438
|
-
}
|
|
1439
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
|
|
1440
|
-
border: 1px solid #e8e8e8;
|
|
1441
|
-
}
|
|
1442
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
|
|
1443
|
-
position: absolute;
|
|
1444
|
-
left: 10px;
|
|
1445
|
-
}
|
|
1446
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
|
|
1447
|
-
position: absolute;
|
|
1448
|
-
right: 10px;
|
|
1449
|
-
}
|
|
1450
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
1451
|
-
transition: transform 0.2s ease;
|
|
1452
|
-
}
|
|
1453
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
|
|
1454
|
-
display: block;
|
|
1455
|
-
flex-shrink: 0;
|
|
1456
|
-
height: 24px;
|
|
1457
|
-
width: 24px;
|
|
1458
|
-
margin-right: 8px;
|
|
1459
|
-
}
|
|
1460
|
-
|
|
1461
|
-
.MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
1462
|
-
transform: rotate(-180deg);
|
|
1463
|
-
}
|
|
1464
|
-
|
|
1465
|
-
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
|
|
1466
|
-
background-color: #1f1f1f;
|
|
1467
|
-
color: #ffffff;
|
|
1468
|
-
border: 1px solid #2c2c2c;
|
|
1469
|
-
}
|
|
1470
|
-
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
|
|
1471
|
-
filter: brightness(0) invert(0.9);
|
|
1472
|
-
}
|
|
1473
|
-
|
|
1474
1671
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
|
|
1475
1672
|
/* center a block element */
|
|
1476
1673
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -1518,126 +1715,39 @@
|
|
|
1518
1715
|
display: flex;
|
|
1519
1716
|
flex-direction: column;
|
|
1520
1717
|
align-items: center;
|
|
1521
|
-
justify-content: center;
|
|
1522
|
-
gap: 6px;
|
|
1523
|
-
flex: 1;
|
|
1524
|
-
padding: 12px 8px;
|
|
1525
|
-
background-color: #ffffff;
|
|
1526
|
-
border: none;
|
|
1527
|
-
border-radius: 8px;
|
|
1528
|
-
text-decoration: none;
|
|
1529
|
-
color: #3d3935;
|
|
1530
|
-
font-size: 12px;
|
|
1531
|
-
line-height: 16px;
|
|
1532
|
-
font-weight: 500;
|
|
1533
|
-
text-align: center;
|
|
1534
|
-
transition: background-color 0.15s ease;
|
|
1535
|
-
}
|
|
1536
|
-
.EmptyCart-module__categoryLink___YxsmA:hover {
|
|
1537
|
-
background-color: #f8f8f8;
|
|
1538
|
-
text-decoration: none;
|
|
1539
|
-
color: #3d3935;
|
|
1540
|
-
}
|
|
1541
|
-
.EmptyCart-module__categoryLink___YxsmA:focus-visible {
|
|
1542
|
-
outline: 2px solid #e6003c;
|
|
1543
|
-
outline-offset: 2px;
|
|
1544
|
-
}
|
|
1545
|
-
|
|
1546
|
-
.EmptyCart-module__categoryLinkIcon___HjhbO {
|
|
1547
|
-
display: flex;
|
|
1548
|
-
align-items: center;
|
|
1549
|
-
justify-content: center;
|
|
1550
|
-
}
|
|
1551
|
-
|
|
1552
|
-
.EmptyCart-module__categoryLinkLabel___1dS9s {
|
|
1553
|
-
line-height: 1.3;
|
|
1554
|
-
}
|
|
1555
|
-
|
|
1556
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
|
|
1557
|
-
/* center a block element */
|
|
1558
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1559
|
-
/* setting styles in separate formats for cross browser support */
|
|
1560
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1561
|
-
/* vertically center alilgn any HTML element */
|
|
1562
|
-
/* add basePath to assets */
|
|
1563
|
-
.BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
|
|
1564
|
-
margin-left: 0 !important;
|
|
1565
|
-
}
|
|
1566
|
-
|
|
1567
|
-
.BusinessCustomerLinkOut-module__icon___lYHUm {
|
|
1568
|
-
padding: 14px 8px 18px 8px;
|
|
1569
|
-
cursor: pointer;
|
|
1570
|
-
}
|
|
1571
|
-
.BusinessCustomerLinkOut-module__icon___lYHUm img {
|
|
1572
|
-
margin-left: 0px !important;
|
|
1573
|
-
padding-left: 8px;
|
|
1574
|
-
}
|
|
1575
|
-
|
|
1576
|
-
.BusinessCustomerLinkOut-module__icon1___VBeT5 {
|
|
1577
|
-
color: #da291c;
|
|
1578
|
-
background-color: #ffffff;
|
|
1579
|
-
padding: 14px 8px 18px 8px;
|
|
1580
|
-
border-radius: 4px 4px 0 0;
|
|
1581
|
-
}
|
|
1582
|
-
.BusinessCustomerLinkOut-module__icon1___VBeT5 img {
|
|
1583
|
-
color: #da291c;
|
|
1584
|
-
margin-left: 0px !important;
|
|
1585
|
-
padding-left: unset;
|
|
1586
|
-
padding-right: 8px;
|
|
1587
|
-
transform: rotate(-180deg);
|
|
1588
|
-
}
|
|
1589
|
-
|
|
1590
|
-
.BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
|
|
1591
|
-
color: #da291c !important;
|
|
1592
|
-
}
|
|
1593
|
-
.BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1594
|
-
border-radius: 4px 4px 0 0;
|
|
1595
|
-
background-color: #ffffff;
|
|
1596
|
-
padding: 14px 8px 18px 8px;
|
|
1597
|
-
}
|
|
1598
|
-
|
|
1599
|
-
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
|
|
1600
|
-
color: unset !important;
|
|
1601
|
-
}
|
|
1602
|
-
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
|
|
1603
|
-
background-color: unset;
|
|
1604
|
-
}
|
|
1605
|
-
|
|
1606
|
-
.BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1607
|
-
background-color: transparent;
|
|
1608
|
-
}
|
|
1609
|
-
|
|
1610
|
-
.BusinessCustomerLinkOut-module__login-flyover___9GsNf {
|
|
1611
|
-
margin-left: 0px !important;
|
|
1612
|
-
position: absolute;
|
|
1613
|
-
min-width: 214px;
|
|
1614
|
-
display: block;
|
|
1615
|
-
padding: 36px 32px 36px 32px;
|
|
1616
|
-
font-size: 18px;
|
|
1617
|
-
line-height: 24px;
|
|
1618
|
-
border: 0;
|
|
1619
|
-
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
1718
|
+
justify-content: center;
|
|
1719
|
+
gap: 6px;
|
|
1720
|
+
flex: 1;
|
|
1721
|
+
padding: 12px 8px;
|
|
1620
1722
|
background-color: #ffffff;
|
|
1621
|
-
border
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
|
|
1625
|
-
|
|
1626
|
-
|
|
1723
|
+
border: none;
|
|
1724
|
+
border-radius: 8px;
|
|
1725
|
+
text-decoration: none;
|
|
1726
|
+
color: #3d3935;
|
|
1727
|
+
font-size: 12px;
|
|
1728
|
+
line-height: 16px;
|
|
1729
|
+
font-weight: 500;
|
|
1730
|
+
text-align: center;
|
|
1731
|
+
transition: background-color 0.15s ease;
|
|
1627
1732
|
}
|
|
1628
|
-
.
|
|
1629
|
-
|
|
1733
|
+
.EmptyCart-module__categoryLink___YxsmA:hover {
|
|
1734
|
+
background-color: #f8f8f8;
|
|
1735
|
+
text-decoration: none;
|
|
1736
|
+
color: #3d3935;
|
|
1630
1737
|
}
|
|
1631
|
-
.
|
|
1632
|
-
|
|
1633
|
-
|
|
1738
|
+
.EmptyCart-module__categoryLink___YxsmA:focus-visible {
|
|
1739
|
+
outline: 2px solid #e6003c;
|
|
1740
|
+
outline-offset: 2px;
|
|
1634
1741
|
}
|
|
1635
1742
|
|
|
1636
|
-
.
|
|
1637
|
-
|
|
1743
|
+
.EmptyCart-module__categoryLinkIcon___HjhbO {
|
|
1744
|
+
display: flex;
|
|
1745
|
+
align-items: center;
|
|
1746
|
+
justify-content: center;
|
|
1638
1747
|
}
|
|
1639
|
-
|
|
1640
|
-
|
|
1748
|
+
|
|
1749
|
+
.EmptyCart-module__categoryLinkLabel___1dS9s {
|
|
1750
|
+
line-height: 1.3;
|
|
1641
1751
|
}
|
|
1642
1752
|
|
|
1643
1753
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
|
|
@@ -1726,114 +1836,98 @@
|
|
|
1726
1836
|
outline-offset: 2px;
|
|
1727
1837
|
}
|
|
1728
1838
|
|
|
1729
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/
|
|
1839
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
|
|
1730
1840
|
/* center a block element */
|
|
1731
1841
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1732
1842
|
/* setting styles in separate formats for cross browser support */
|
|
1733
1843
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1734
1844
|
/* vertically center alilgn any HTML element */
|
|
1735
1845
|
/* add basePath to assets */
|
|
1736
|
-
.
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
max-
|
|
1742
|
-
|
|
1743
|
-
-webkit-align-items: center;
|
|
1744
|
-
-moz-align-items: center;
|
|
1745
|
-
-o-align-items: center;
|
|
1746
|
-
align-items: center;
|
|
1747
|
-
}
|
|
1748
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
|
|
1749
|
-
font-size: 14px;
|
|
1750
|
-
line-height: 20px;
|
|
1751
|
-
font-weight: 700;
|
|
1752
|
-
}
|
|
1753
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
|
|
1754
|
-
margin-left: 0 !important;
|
|
1755
|
-
margin-top: 0 !important;
|
|
1756
|
-
font-size: 18px;
|
|
1757
|
-
line-height: 24px;
|
|
1758
|
-
font-weight: 400;
|
|
1759
|
-
display: block !important;
|
|
1760
|
-
}
|
|
1761
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
|
|
1762
|
-
padding-bottom: 28px;
|
|
1846
|
+
.MobileSubNavigation-module__container___1tQpO {
|
|
1847
|
+
max-height: 0px;
|
|
1848
|
+
overflow: hidden;
|
|
1849
|
+
transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
1850
|
+
transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
1851
|
+
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);
|
|
1852
|
+
width: 100%;
|
|
1763
1853
|
}
|
|
1764
|
-
.
|
|
1854
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
|
|
1855
|
+
cursor: unset;
|
|
1856
|
+
padding: 20px 10px 4px;
|
|
1857
|
+
color: #858585;
|
|
1858
|
+
letter-spacing: 1px;
|
|
1859
|
+
text-transform: uppercase;
|
|
1765
1860
|
font-size: 14px;
|
|
1766
1861
|
line-height: 20px;
|
|
1767
|
-
|
|
1768
|
-
font-weight: 700;
|
|
1769
|
-
padding-bottom: 28px;
|
|
1862
|
+
font-weight: 500;
|
|
1770
1863
|
}
|
|
1771
|
-
.
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
grid-template-columns: repeat(auto-fit, 20%);
|
|
1775
|
-
padding: 24px 32px;
|
|
1864
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
1865
|
+
background-color: #ffffff;
|
|
1866
|
+
padding: 10px;
|
|
1776
1867
|
}
|
|
1777
|
-
.
|
|
1778
|
-
border
|
|
1779
|
-
padding-left: 24px;
|
|
1780
|
-
padding-right: 24px;
|
|
1781
|
-
max-width: 248px;
|
|
1868
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
|
|
1869
|
+
border: 1px solid #e8e8e8;
|
|
1782
1870
|
}
|
|
1783
|
-
.
|
|
1784
|
-
|
|
1785
|
-
|
|
1871
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
1872
|
+
color: #333333;
|
|
1873
|
+
font-weight: 500;
|
|
1874
|
+
font-size: 16px;
|
|
1875
|
+
line-height: 24px;
|
|
1786
1876
|
}
|
|
1787
|
-
.
|
|
1877
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
|
|
1788
1878
|
margin-left: 4px;
|
|
1789
|
-
|
|
1879
|
+
flex-shrink: 0;
|
|
1790
1880
|
height: 24px;
|
|
1791
1881
|
width: 24px;
|
|
1792
1882
|
}
|
|
1793
|
-
.
|
|
1883
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
|
|
1794
1884
|
margin-left: 0;
|
|
1795
1885
|
margin-right: 4px;
|
|
1796
1886
|
}
|
|
1797
|
-
.
|
|
1887
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
|
|
1798
1888
|
white-space: nowrap;
|
|
1799
1889
|
display: inline-flex;
|
|
1800
1890
|
align-items: center;
|
|
1801
1891
|
}
|
|
1802
|
-
.
|
|
1892
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
|
|
1803
1893
|
display: flex;
|
|
1804
1894
|
align-items: flex-start;
|
|
1805
1895
|
gap: 4px;
|
|
1806
1896
|
white-space: normal;
|
|
1807
1897
|
max-width: 100%;
|
|
1808
1898
|
}
|
|
1809
|
-
.
|
|
1899
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
|
|
1810
1900
|
white-space: normal;
|
|
1811
1901
|
min-width: 0;
|
|
1812
1902
|
}
|
|
1813
|
-
.
|
|
1814
|
-
|
|
1815
|
-
align-items: flex-start;
|
|
1816
|
-
gap: 4px;
|
|
1903
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
1904
|
+
display: none;
|
|
1817
1905
|
}
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
color: #ffffff;
|
|
1906
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
|
|
1907
|
+
display: block;
|
|
1908
|
+
height: auto;
|
|
1822
1909
|
}
|
|
1823
|
-
.
|
|
1824
|
-
|
|
1910
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
|
|
1911
|
+
padding: 0 0 24px 16px;
|
|
1825
1912
|
}
|
|
1826
|
-
.
|
|
1827
|
-
|
|
1913
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
|
|
1914
|
+
padding-bottom: 4px;
|
|
1828
1915
|
}
|
|
1829
|
-
|
|
1916
|
+
|
|
1917
|
+
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
|
|
1918
|
+
color: #f2f2f2;
|
|
1919
|
+
}
|
|
1920
|
+
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
1921
|
+
background-color: #1f1f1f;
|
|
1922
|
+
border: 1px solid #2c2c2c;
|
|
1830
1923
|
color: #ffffff;
|
|
1831
1924
|
}
|
|
1832
|
-
|
|
1833
|
-
|
|
1925
|
+
|
|
1926
|
+
.active-link .MobileSubNavigation-module__container___1tQpO {
|
|
1927
|
+
max-height: 200vh;
|
|
1834
1928
|
}
|
|
1835
|
-
.
|
|
1836
|
-
|
|
1929
|
+
.active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
1930
|
+
display: block;
|
|
1837
1931
|
}
|
|
1838
1932
|
|
|
1839
1933
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
|
|
@@ -1953,100 +2047,6 @@
|
|
|
1953
2047
|
outline-offset: 2px;
|
|
1954
2048
|
}
|
|
1955
2049
|
|
|
1956
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
|
|
1957
|
-
/* center a block element */
|
|
1958
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1959
|
-
/* setting styles in separate formats for cross browser support */
|
|
1960
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1961
|
-
/* vertically center alilgn any HTML element */
|
|
1962
|
-
/* add basePath to assets */
|
|
1963
|
-
.MobileSubNavigation-module__container___1tQpO {
|
|
1964
|
-
max-height: 0px;
|
|
1965
|
-
overflow: hidden;
|
|
1966
|
-
transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
1967
|
-
transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
1968
|
-
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);
|
|
1969
|
-
width: 100%;
|
|
1970
|
-
}
|
|
1971
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
|
|
1972
|
-
cursor: unset;
|
|
1973
|
-
padding: 20px 10px 4px;
|
|
1974
|
-
color: #858585;
|
|
1975
|
-
letter-spacing: 1px;
|
|
1976
|
-
text-transform: uppercase;
|
|
1977
|
-
font-size: 14px;
|
|
1978
|
-
line-height: 20px;
|
|
1979
|
-
font-weight: 500;
|
|
1980
|
-
}
|
|
1981
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
1982
|
-
background-color: #ffffff;
|
|
1983
|
-
padding: 10px;
|
|
1984
|
-
}
|
|
1985
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
|
|
1986
|
-
border: 1px solid #e8e8e8;
|
|
1987
|
-
}
|
|
1988
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
1989
|
-
color: #333333;
|
|
1990
|
-
font-weight: 500;
|
|
1991
|
-
font-size: 16px;
|
|
1992
|
-
line-height: 24px;
|
|
1993
|
-
}
|
|
1994
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
|
|
1995
|
-
margin-left: 4px;
|
|
1996
|
-
flex-shrink: 0;
|
|
1997
|
-
height: 24px;
|
|
1998
|
-
width: 24px;
|
|
1999
|
-
}
|
|
2000
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
|
|
2001
|
-
margin-left: 0;
|
|
2002
|
-
margin-right: 4px;
|
|
2003
|
-
}
|
|
2004
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
|
|
2005
|
-
white-space: nowrap;
|
|
2006
|
-
display: inline-flex;
|
|
2007
|
-
align-items: center;
|
|
2008
|
-
}
|
|
2009
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
|
|
2010
|
-
display: flex;
|
|
2011
|
-
align-items: flex-start;
|
|
2012
|
-
gap: 4px;
|
|
2013
|
-
white-space: normal;
|
|
2014
|
-
max-width: 100%;
|
|
2015
|
-
}
|
|
2016
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
|
|
2017
|
-
white-space: normal;
|
|
2018
|
-
min-width: 0;
|
|
2019
|
-
}
|
|
2020
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
2021
|
-
display: none;
|
|
2022
|
-
}
|
|
2023
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
|
|
2024
|
-
display: block;
|
|
2025
|
-
height: auto;
|
|
2026
|
-
}
|
|
2027
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
|
|
2028
|
-
padding: 0 0 24px 16px;
|
|
2029
|
-
}
|
|
2030
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
|
|
2031
|
-
padding-bottom: 4px;
|
|
2032
|
-
}
|
|
2033
|
-
|
|
2034
|
-
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
|
|
2035
|
-
color: #f2f2f2;
|
|
2036
|
-
}
|
|
2037
|
-
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
2038
|
-
background-color: #1f1f1f;
|
|
2039
|
-
border: 1px solid #2c2c2c;
|
|
2040
|
-
color: #ffffff;
|
|
2041
|
-
}
|
|
2042
|
-
|
|
2043
|
-
.active-link .MobileSubNavigation-module__container___1tQpO {
|
|
2044
|
-
max-height: 200vh;
|
|
2045
|
-
}
|
|
2046
|
-
.active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
2047
|
-
display: block;
|
|
2048
|
-
}
|
|
2049
|
-
|
|
2050
2050
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
|
|
2051
2051
|
/* center a block element */
|
|
2052
2052
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|