@sunrise-upc/sales-static-components 3.9.0-beta.3 → 3.9.0-beta.5
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/RibbonRenderer/RibbonRenderer.js +1 -1
- package/dist/cjs/components/RibbonRenderer/RibbonRenderer.js.map +1 -1
- package/dist/esm/components/RibbonRenderer/RibbonRenderer.js +1 -1
- package/dist/esm/components/RibbonRenderer/RibbonRenderer.js.map +1 -1
- package/dist/navigation.css +856 -856
- package/package.json +1 -1
package/dist/navigation.css
CHANGED
|
@@ -1,483 +1,3 @@
|
|
|
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
|
-
|
|
481
1
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
|
|
482
2
|
/* center a block element */
|
|
483
3
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -798,321 +318,350 @@
|
|
|
798
318
|
}
|
|
799
319
|
}
|
|
800
320
|
|
|
801
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/
|
|
321
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
|
|
802
322
|
/* center a block element */
|
|
803
323
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
804
324
|
/* setting styles in separate formats for cross browser support */
|
|
805
325
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
806
326
|
/* vertically center alilgn any HTML element */
|
|
807
327
|
/* add basePath to assets */
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
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;
|
|
811
343
|
}
|
|
812
|
-
|
|
813
|
-
|
|
344
|
+
}
|
|
345
|
+
@media (min-width: 768px) and (max-width: 1023px) {
|
|
346
|
+
.row-module__sr-def-row___us1ph {
|
|
347
|
+
max-width: 720px;
|
|
814
348
|
}
|
|
815
349
|
}
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
justify-content: center;
|
|
821
|
-
gap: 20px;
|
|
822
|
-
height: 100%;
|
|
823
|
-
min-height: 200px;
|
|
824
|
-
padding: 40px 24px;
|
|
350
|
+
@media (max-width: 767px) {
|
|
351
|
+
.row-module__sr-def-row___us1ph {
|
|
352
|
+
max-width: 100%;
|
|
353
|
+
}
|
|
825
354
|
}
|
|
826
355
|
|
|
827
|
-
.
|
|
828
|
-
|
|
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;
|
|
829
367
|
align-items: center;
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
width:
|
|
836
|
-
height: 12px;
|
|
837
|
-
border-radius: 50%;
|
|
838
|
-
background-color: #da291c;
|
|
839
|
-
animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
|
|
840
|
-
}
|
|
841
|
-
.CartDotLoader-module__dot___RsJtn:nth-child(1) {
|
|
842
|
-
animation-delay: 0s;
|
|
843
|
-
}
|
|
844
|
-
.CartDotLoader-module__dot___RsJtn:nth-child(2) {
|
|
845
|
-
animation-delay: 0.2s;
|
|
846
|
-
}
|
|
847
|
-
.CartDotLoader-module__dot___RsJtn:nth-child(3) {
|
|
848
|
-
animation-delay: 0.4s;
|
|
368
|
+
cursor: pointer;
|
|
369
|
+
display: flex;
|
|
370
|
+
flex-direction: column;
|
|
371
|
+
height: 18px;
|
|
372
|
+
justify-content: space-between;
|
|
373
|
+
width: 26px;
|
|
849
374
|
}
|
|
850
|
-
.
|
|
851
|
-
|
|
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;
|
|
852
387
|
}
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
388
|
+
.InteractiveHamburger-module__container___UPh6b.InteractiveHamburger-module__active___0fZ1l .InteractiveHamburger-module__hamburger___fUISu {
|
|
389
|
+
justify-content: center;
|
|
390
|
+
background-repeat: no-repeat;
|
|
391
|
+
background-size: contain;
|
|
392
|
+
cursor: pointer;
|
|
393
|
+
display: block;
|
|
394
|
+
height: 24px;
|
|
395
|
+
width: 24px;
|
|
861
396
|
}
|
|
862
397
|
|
|
863
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/
|
|
398
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
|
|
864
399
|
/* center a block element */
|
|
865
400
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
866
401
|
/* setting styles in separate formats for cross browser support */
|
|
867
402
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
868
403
|
/* vertically center alilgn any HTML element */
|
|
869
404
|
/* add basePath to assets */
|
|
870
|
-
.
|
|
871
|
-
|
|
405
|
+
.FalconHeader-module__outer___cpG-W {
|
|
406
|
+
padding: 14px 0 18px;
|
|
872
407
|
}
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
408
|
+
|
|
409
|
+
.FalconHeader-module__container___r3bIZ {
|
|
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;
|
|
885
421
|
}
|
|
886
|
-
.
|
|
887
|
-
|
|
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;
|
|
888
427
|
}
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
428
|
+
@media (max-width: 1023px) {
|
|
429
|
+
.FalconHeader-module__container___r3bIZ {
|
|
430
|
+
background-color: #da291c;
|
|
431
|
+
min-height: 4px;
|
|
432
|
+
}
|
|
892
433
|
}
|
|
893
|
-
.
|
|
894
|
-
|
|
895
|
-
right: 10px;
|
|
434
|
+
.FalconHeader-module__container___r3bIZ :not(:first-child) {
|
|
435
|
+
margin-left: 20px;
|
|
896
436
|
}
|
|
897
|
-
.
|
|
898
|
-
|
|
437
|
+
.FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
|
|
438
|
+
margin-left: 100px;
|
|
899
439
|
}
|
|
900
|
-
.
|
|
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;
|
|
901
446
|
display: block;
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
width: 24px;
|
|
905
|
-
margin-right: 8px;
|
|
447
|
+
height: 30px;
|
|
448
|
+
text-decoration: none;
|
|
906
449
|
}
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
450
|
+
.FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
|
|
451
|
+
text-decoration: none;
|
|
452
|
+
}
|
|
453
|
+
.FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
|
|
454
|
+
float: right;
|
|
455
|
+
}
|
|
456
|
+
.FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
|
|
457
|
+
color: #1f1f1f;
|
|
458
|
+
font-weight: 400;
|
|
459
|
+
font-size: 14px;
|
|
460
|
+
line-height: 20px;
|
|
461
|
+
display: block;
|
|
462
|
+
margin-bottom: 4px;
|
|
463
|
+
text-decoration: none;
|
|
464
|
+
}
|
|
465
|
+
.FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
|
|
466
|
+
text-decoration: none;
|
|
910
467
|
}
|
|
911
468
|
|
|
912
|
-
.
|
|
913
|
-
background-color: #
|
|
914
|
-
color: #ffffff;
|
|
915
|
-
border: 1px solid #2c2c2c;
|
|
469
|
+
.FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
|
|
470
|
+
background-color: #111111;
|
|
916
471
|
}
|
|
917
|
-
.
|
|
918
|
-
|
|
472
|
+
.FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
|
|
473
|
+
.FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
|
|
474
|
+
color: #ffffff;
|
|
919
475
|
}
|
|
920
476
|
|
|
921
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/
|
|
477
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
|
|
922
478
|
/* center a block element */
|
|
923
479
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
924
480
|
/* setting styles in separate formats for cross browser support */
|
|
925
481
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
926
482
|
/* vertically center alilgn any HTML element */
|
|
927
483
|
/* add basePath to assets */
|
|
928
|
-
.
|
|
929
|
-
|
|
484
|
+
.NavigationMenuItem-module__nav-link___ZDsjB {
|
|
485
|
+
font-size: 16px;
|
|
486
|
+
line-height: 24px;
|
|
487
|
+
margin-right: 6px;
|
|
930
488
|
}
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
489
|
+
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
|
|
490
|
+
padding: 10px 4px;
|
|
491
|
+
display: flex;
|
|
492
|
+
align-items: center;
|
|
493
|
+
gap: 8px;
|
|
935
494
|
}
|
|
936
|
-
.
|
|
937
|
-
|
|
938
|
-
|
|
495
|
+
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
|
|
496
|
+
flex-shrink: 0;
|
|
497
|
+
height: 24px;
|
|
498
|
+
width: 24px;
|
|
939
499
|
}
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
color: #da291c;
|
|
943
|
-
background-color: #ffffff;
|
|
944
|
-
padding: 14px 8px 18px 8px;
|
|
945
|
-
border-radius: 4px 4px 0 0;
|
|
500
|
+
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
|
|
501
|
+
filter: none;
|
|
946
502
|
}
|
|
947
|
-
.
|
|
948
|
-
color: #
|
|
949
|
-
|
|
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 {
|
|
950
509
|
padding-left: unset;
|
|
951
|
-
padding-right:
|
|
510
|
+
padding-right: 4px;
|
|
952
511
|
transform: rotate(-180deg);
|
|
953
512
|
}
|
|
954
|
-
|
|
955
|
-
|
|
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;
|
|
513
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
|
|
514
|
+
color: #ffffff;
|
|
962
515
|
}
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
color: unset !important;
|
|
516
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
|
|
517
|
+
filter: brightness(0) invert(0.9);
|
|
966
518
|
}
|
|
967
|
-
.
|
|
968
|
-
|
|
519
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
|
|
520
|
+
color: #ffffff;
|
|
521
|
+
background-color: #1f1f1f;
|
|
969
522
|
}
|
|
970
523
|
|
|
971
|
-
.
|
|
972
|
-
|
|
524
|
+
.active-item .NavigationMenuItem-module__submenu___cWv9X {
|
|
525
|
+
-webkit-transform: translateY(0);
|
|
526
|
+
-moz-transform: translateY(0);
|
|
527
|
+
-o-transform: translateY(0);
|
|
528
|
+
transform: translateY(0);
|
|
529
|
+
transition-delay: 0.3s;
|
|
530
|
+
visibility: visible;
|
|
531
|
+
border-radius: 0px 0px 8px 8px;
|
|
973
532
|
}
|
|
974
533
|
|
|
975
|
-
.
|
|
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);
|
|
534
|
+
.NavigationMenuItem-module__submenu___cWv9X {
|
|
985
535
|
background-color: #ffffff;
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
536
|
+
display: block;
|
|
537
|
+
left: 60%;
|
|
538
|
+
margin-left: -58%;
|
|
539
|
+
margin-top: -16px;
|
|
540
|
+
position: absolute;
|
|
541
|
+
top: 85px;
|
|
542
|
+
font-size: 16px;
|
|
543
|
+
line-height: 20px;
|
|
544
|
+
-webkit-transform: translateY(-100%);
|
|
545
|
+
-moz-transform: translateY(-100%);
|
|
546
|
+
-o-transform: translateY(-100%);
|
|
547
|
+
transform: translateY(-100%);
|
|
548
|
+
visibility: hidden;
|
|
999
549
|
}
|
|
1000
550
|
|
|
1001
|
-
.
|
|
1002
|
-
background-color: #111111;
|
|
1003
|
-
}
|
|
1004
|
-
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
|
|
551
|
+
.NavigationMenuItem-module__submenu___cWv9X.NavigationMenuItem-module__inverted___JCI48 {
|
|
1005
552
|
background-color: #1f1f1f;
|
|
1006
553
|
}
|
|
1007
554
|
|
|
1008
|
-
|
|
555
|
+
.NavigationMenuItem-module__out___rzlPg {
|
|
556
|
+
position: relative;
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
|
|
1009
560
|
/* center a block element */
|
|
1010
561
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1011
562
|
/* setting styles in separate formats for cross browser support */
|
|
1012
563
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1013
564
|
/* vertically center alilgn any HTML element */
|
|
1014
565
|
/* add basePath to assets */
|
|
1015
|
-
.
|
|
566
|
+
.MobileNavigation-module__container___apq4z {
|
|
1016
567
|
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;
|
|
1026
|
-
}
|
|
1027
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
|
|
1028
|
-
font-size: 14px;
|
|
1029
|
-
line-height: 20px;
|
|
1030
|
-
font-weight: 700;
|
|
1031
568
|
}
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
line-height: 24px;
|
|
1037
|
-
font-weight: 400;
|
|
1038
|
-
display: block !important;
|
|
569
|
+
@media (max-width: 1023px) {
|
|
570
|
+
.MobileNavigation-module__container___apq4z {
|
|
571
|
+
background-color: #f8f8f8;
|
|
572
|
+
}
|
|
1039
573
|
}
|
|
1040
|
-
.
|
|
1041
|
-
|
|
574
|
+
.MobileNavigation-module__container___apq4z {
|
|
575
|
+
left: 0;
|
|
576
|
+
min-height: calc(100vh - 45px);
|
|
577
|
+
height: calc(100vh - 45px);
|
|
1042
578
|
}
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
padding-bottom: 28px;
|
|
579
|
+
@supports (height: 100dvh) {
|
|
580
|
+
.MobileNavigation-module__container___apq4z {
|
|
581
|
+
min-height: calc(100dvh - 45px);
|
|
582
|
+
height: calc(100dvh - 45px);
|
|
583
|
+
}
|
|
1049
584
|
}
|
|
1050
|
-
.
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
585
|
+
.MobileNavigation-module__container___apq4z {
|
|
586
|
+
position: absolute;
|
|
587
|
+
-webkit-transform: translateY(-100%);
|
|
588
|
+
-moz-transform: translateY(-100%);
|
|
589
|
+
-o-transform: translateY(-100%);
|
|
590
|
+
transform: translateY(-100%);
|
|
591
|
+
transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
|
|
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;
|
|
1055
597
|
}
|
|
1056
|
-
.
|
|
1057
|
-
|
|
1058
|
-
padding-left: 24px;
|
|
1059
|
-
padding-right: 24px;
|
|
1060
|
-
max-width: 248px;
|
|
598
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
|
|
599
|
+
height: calc(100vh - 45px);
|
|
1061
600
|
}
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
601
|
+
@supports (height: 100dvh) {
|
|
602
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
|
|
603
|
+
height: calc(100dvh - 45px);
|
|
604
|
+
}
|
|
1065
605
|
}
|
|
1066
|
-
.
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
606
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
|
|
607
|
+
overflow-y: auto;
|
|
608
|
+
overscroll-behavior: contain;
|
|
609
|
+
-webkit-overflow-scrolling: touch;
|
|
610
|
+
touch-action: pan-y;
|
|
611
|
+
padding-top: 16px;
|
|
612
|
+
padding-bottom: 16px;
|
|
1071
613
|
}
|
|
1072
|
-
.
|
|
1073
|
-
margin-
|
|
1074
|
-
margin-right: 4px;
|
|
614
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm .MobileNavigation-module__outer___M5sp- {
|
|
615
|
+
margin-top: 24px;
|
|
1075
616
|
}
|
|
1076
|
-
.
|
|
1077
|
-
|
|
1078
|
-
display: inline-flex;
|
|
1079
|
-
align-items: center;
|
|
617
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc {
|
|
618
|
+
margin-top: 20px;
|
|
1080
619
|
}
|
|
1081
|
-
.
|
|
620
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
|
|
621
|
+
background-color: #ffffff;
|
|
622
|
+
font-size: 16px;
|
|
623
|
+
line-height: 24px;
|
|
1082
624
|
display: flex;
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
}
|
|
1088
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
|
|
1089
|
-
white-space: normal;
|
|
1090
|
-
min-width: 0;
|
|
625
|
+
height: auto;
|
|
626
|
+
padding: 10px;
|
|
627
|
+
margin-bottom: 4px;
|
|
628
|
+
color: #333333;
|
|
1091
629
|
}
|
|
1092
|
-
.
|
|
1093
|
-
|
|
1094
|
-
align-items: flex-start;
|
|
1095
|
-
gap: 4px;
|
|
630
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ.MobileNavigation-module__new-style___z9paT a {
|
|
631
|
+
border: 1px solid #e8e8e8;
|
|
1096
632
|
}
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
background-color: #1f1f1f;
|
|
1100
|
-
color: #ffffff;
|
|
633
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
|
|
634
|
+
margin-left: 12px;
|
|
1101
635
|
}
|
|
1102
|
-
.
|
|
1103
|
-
|
|
636
|
+
.MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
|
|
637
|
+
border-bottom: 2px solid #f8f8f8;
|
|
638
|
+
border-top: 2px solid #f8f8f8;
|
|
1104
639
|
}
|
|
1105
|
-
|
|
1106
|
-
|
|
640
|
+
|
|
641
|
+
.MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
|
|
642
|
+
background-color: #111111;
|
|
1107
643
|
}
|
|
1108
|
-
|
|
644
|
+
@media (max-width: 1023px) {
|
|
645
|
+
.MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
|
|
646
|
+
background-color: #111111;
|
|
647
|
+
}
|
|
648
|
+
}
|
|
649
|
+
.MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
|
|
650
|
+
background-color: #1f1f1f;
|
|
1109
651
|
color: #ffffff;
|
|
652
|
+
border: 1px solid #2c2c2c;
|
|
1110
653
|
}
|
|
1111
|
-
.
|
|
1112
|
-
border-
|
|
654
|
+
.MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
|
|
655
|
+
border-bottom: 2px solid #2c2c2c;
|
|
656
|
+
border-top: 2px solid #2c2c2c;
|
|
1113
657
|
}
|
|
1114
|
-
|
|
1115
|
-
|
|
658
|
+
|
|
659
|
+
.mob-nav-expand .MobileNavigation-module__container___apq4z {
|
|
660
|
+
-webkit-transform: translateY(0);
|
|
661
|
+
-moz-transform: translateY(0);
|
|
662
|
+
-o-transform: translateY(0);
|
|
663
|
+
transform: translateY(0);
|
|
664
|
+
visibility: visible;
|
|
1116
665
|
}
|
|
1117
666
|
|
|
1118
667
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
|
|
@@ -1232,6 +781,140 @@
|
|
|
1232
781
|
text-align: center;
|
|
1233
782
|
}
|
|
1234
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
|
+
}
|
|
900
|
+
}
|
|
901
|
+
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
902
|
+
position: fixed;
|
|
903
|
+
top: 0;
|
|
904
|
+
left: 0;
|
|
905
|
+
padding: 4px 8px;
|
|
906
|
+
font-size: 14px;
|
|
907
|
+
z-index: 10000;
|
|
908
|
+
color: #5f5955;
|
|
909
|
+
background: #ffffff;
|
|
910
|
+
}
|
|
911
|
+
@media (max-width: 850px) {
|
|
912
|
+
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
913
|
+
padding: 0 4px;
|
|
914
|
+
font-size: 8px;
|
|
915
|
+
}
|
|
916
|
+
}
|
|
917
|
+
|
|
1235
918
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
|
|
1236
919
|
/* center a block element */
|
|
1237
920
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -1620,52 +1303,172 @@
|
|
|
1620
1303
|
}
|
|
1621
1304
|
}
|
|
1622
1305
|
|
|
1623
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
|
|
1306
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.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
|
+
.CartHeader-module__headerTitle___35F6g {
|
|
1314
|
+
display: flex;
|
|
1315
|
+
align-items: center;
|
|
1316
|
+
gap: 8px;
|
|
1317
|
+
}
|
|
1318
|
+
|
|
1319
|
+
.CartHeader-module__headerItemCount___g1Ynd {
|
|
1320
|
+
font-size: 24px;
|
|
1321
|
+
line-height: 32px;
|
|
1322
|
+
font-weight: 400;
|
|
1323
|
+
color: #3d3935;
|
|
1324
|
+
}
|
|
1325
|
+
@media (max-width: 1023px) {
|
|
1326
|
+
.CartHeader-module__headerItemCount___g1Ynd {
|
|
1327
|
+
font-size: 20px;
|
|
1328
|
+
line-height: 28px;
|
|
1329
|
+
}
|
|
1330
|
+
}
|
|
1331
|
+
|
|
1332
|
+
.CartHeader-module__clearAllButton___B3bNF {
|
|
1333
|
+
display: inline;
|
|
1334
|
+
background: none;
|
|
1335
|
+
border: none;
|
|
1336
|
+
padding: 0;
|
|
1337
|
+
cursor: pointer;
|
|
1338
|
+
font-size: 14px;
|
|
1339
|
+
line-height: 20px;
|
|
1340
|
+
font-weight: 400;
|
|
1341
|
+
color: #da291c;
|
|
1342
|
+
text-decoration: underline;
|
|
1343
|
+
text-underline-offset: 2px;
|
|
1344
|
+
}
|
|
1345
|
+
.CartHeader-module__clearAllButton___B3bNF:hover {
|
|
1346
|
+
color: #961c13;
|
|
1347
|
+
}
|
|
1348
|
+
.CartHeader-module__clearAllButton___B3bNF:focus-visible {
|
|
1349
|
+
outline: 2px solid #da291c;
|
|
1350
|
+
outline-offset: 2px;
|
|
1351
|
+
border-radius: 2px;
|
|
1352
|
+
}
|
|
1353
|
+
|
|
1354
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
|
|
1355
|
+
/* center a block element */
|
|
1356
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1357
|
+
/* setting styles in separate formats for cross browser support */
|
|
1358
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1359
|
+
/* vertically center alilgn any HTML element */
|
|
1360
|
+
/* add basePath to assets */
|
|
1361
|
+
@keyframes CartDotLoader-module__dotBounce___Gv8-6 {
|
|
1362
|
+
0%, 80%, 100% {
|
|
1363
|
+
transform: translateY(0);
|
|
1364
|
+
}
|
|
1365
|
+
40% {
|
|
1366
|
+
transform: translateY(-10px);
|
|
1367
|
+
}
|
|
1368
|
+
}
|
|
1369
|
+
.CartDotLoader-module__loaderWrapper___PmIHe {
|
|
1370
|
+
display: flex;
|
|
1371
|
+
flex-direction: column;
|
|
1372
|
+
align-items: center;
|
|
1373
|
+
justify-content: center;
|
|
1374
|
+
gap: 20px;
|
|
1375
|
+
height: 100%;
|
|
1376
|
+
min-height: 200px;
|
|
1377
|
+
padding: 40px 24px;
|
|
1378
|
+
}
|
|
1379
|
+
|
|
1380
|
+
.CartDotLoader-module__dots___OiUF- {
|
|
1381
|
+
display: flex;
|
|
1382
|
+
align-items: center;
|
|
1383
|
+
gap: 8px;
|
|
1384
|
+
}
|
|
1385
|
+
|
|
1386
|
+
.CartDotLoader-module__dot___RsJtn {
|
|
1387
|
+
display: block;
|
|
1388
|
+
width: 12px;
|
|
1389
|
+
height: 12px;
|
|
1390
|
+
border-radius: 50%;
|
|
1391
|
+
background-color: #da291c;
|
|
1392
|
+
animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
|
|
1393
|
+
}
|
|
1394
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(1) {
|
|
1395
|
+
animation-delay: 0s;
|
|
1396
|
+
}
|
|
1397
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(2) {
|
|
1398
|
+
animation-delay: 0.2s;
|
|
1399
|
+
}
|
|
1400
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(3) {
|
|
1401
|
+
animation-delay: 0.4s;
|
|
1402
|
+
}
|
|
1403
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(4) {
|
|
1404
|
+
animation-delay: 0.6s;
|
|
1405
|
+
}
|
|
1406
|
+
|
|
1407
|
+
.CartDotLoader-module__loaderText___7uOK9 {
|
|
1408
|
+
font-size: 16px;
|
|
1409
|
+
line-height: 24px;
|
|
1410
|
+
font-weight: 700;
|
|
1411
|
+
color: #3d3935;
|
|
1412
|
+
margin: 0;
|
|
1413
|
+
text-align: center;
|
|
1414
|
+
}
|
|
1415
|
+
|
|
1416
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
|
|
1624
1417
|
/* center a block element */
|
|
1625
1418
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1626
1419
|
/* setting styles in separate formats for cross browser support */
|
|
1627
1420
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1628
1421
|
/* vertically center alilgn any HTML element */
|
|
1629
1422
|
/* add basePath to assets */
|
|
1630
|
-
.
|
|
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;
|
|
1631
1432
|
display: flex;
|
|
1632
|
-
|
|
1633
|
-
|
|
1433
|
+
height: auto;
|
|
1434
|
+
text-decoration: none;
|
|
1435
|
+
padding: 10px 10px 10px 10px;
|
|
1436
|
+
margin-bottom: 4px;
|
|
1437
|
+
background-color: #ffffff;
|
|
1634
1438
|
}
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
font-size: 24px;
|
|
1638
|
-
line-height: 32px;
|
|
1639
|
-
font-weight: 400;
|
|
1640
|
-
color: #3d3935;
|
|
1439
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
|
|
1440
|
+
border: 1px solid #e8e8e8;
|
|
1641
1441
|
}
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
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;
|
|
1647
1459
|
}
|
|
1648
1460
|
|
|
1649
|
-
.
|
|
1650
|
-
|
|
1651
|
-
background: none;
|
|
1652
|
-
border: none;
|
|
1653
|
-
padding: 0;
|
|
1654
|
-
cursor: pointer;
|
|
1655
|
-
font-size: 14px;
|
|
1656
|
-
line-height: 20px;
|
|
1657
|
-
font-weight: 400;
|
|
1658
|
-
color: #da291c;
|
|
1659
|
-
text-decoration: underline;
|
|
1660
|
-
text-underline-offset: 2px;
|
|
1461
|
+
.MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
1462
|
+
transform: rotate(-180deg);
|
|
1661
1463
|
}
|
|
1662
|
-
|
|
1663
|
-
|
|
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;
|
|
1664
1469
|
}
|
|
1665
|
-
.
|
|
1666
|
-
|
|
1667
|
-
outline-offset: 2px;
|
|
1668
|
-
border-radius: 2px;
|
|
1470
|
+
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
|
|
1471
|
+
filter: brightness(0) invert(0.9);
|
|
1669
1472
|
}
|
|
1670
1473
|
|
|
1671
1474
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
|
|
@@ -1750,184 +1553,201 @@
|
|
|
1750
1553
|
line-height: 1.3;
|
|
1751
1554
|
}
|
|
1752
1555
|
|
|
1753
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/
|
|
1556
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
|
|
1754
1557
|
/* center a block element */
|
|
1755
1558
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1756
1559
|
/* setting styles in separate formats for cross browser support */
|
|
1757
1560
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1758
1561
|
/* vertically center alilgn any HTML element */
|
|
1759
1562
|
/* add basePath to assets */
|
|
1760
|
-
.
|
|
1761
|
-
|
|
1762
|
-
inset: 0;
|
|
1763
|
-
z-index: 10;
|
|
1764
|
-
background: rgba(42, 42, 42, 0.8);
|
|
1765
|
-
display: flex;
|
|
1766
|
-
align-items: center;
|
|
1767
|
-
justify-content: center;
|
|
1768
|
-
padding: 24px;
|
|
1563
|
+
.BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
|
|
1564
|
+
margin-left: 0 !important;
|
|
1769
1565
|
}
|
|
1770
1566
|
|
|
1771
|
-
.
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
flex-direction: column;
|
|
1779
|
-
gap: 24px;
|
|
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;
|
|
1780
1574
|
}
|
|
1781
1575
|
|
|
1782
|
-
.
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
|
|
1787
|
-
|
|
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);
|
|
1788
1588
|
}
|
|
1789
1589
|
|
|
1790
|
-
.
|
|
1791
|
-
|
|
1792
|
-
gap: 12px;
|
|
1590
|
+
.BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
|
|
1591
|
+
color: #da291c !important;
|
|
1793
1592
|
}
|
|
1794
|
-
.
|
|
1795
|
-
|
|
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;
|
|
1796
1597
|
}
|
|
1797
1598
|
|
|
1798
|
-
.
|
|
1799
|
-
|
|
1800
|
-
background: none;
|
|
1801
|
-
border: 2px solid #ffffff;
|
|
1802
|
-
border-radius: 28px;
|
|
1803
|
-
font-size: 16px;
|
|
1804
|
-
line-height: 24px;
|
|
1805
|
-
font-weight: 600;
|
|
1806
|
-
color: #ffffff;
|
|
1807
|
-
cursor: pointer;
|
|
1808
|
-
transition: background-color 0.15s ease;
|
|
1599
|
+
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
|
|
1600
|
+
color: unset !important;
|
|
1809
1601
|
}
|
|
1810
|
-
.
|
|
1811
|
-
background-color:
|
|
1602
|
+
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
|
|
1603
|
+
background-color: unset;
|
|
1812
1604
|
}
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1605
|
+
|
|
1606
|
+
.BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1607
|
+
background-color: transparent;
|
|
1816
1608
|
}
|
|
1817
1609
|
|
|
1818
|
-
.
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
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;
|
|
1824
1617
|
line-height: 24px;
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
|
|
1828
|
-
|
|
1618
|
+
border: 0;
|
|
1619
|
+
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
1620
|
+
background-color: #ffffff;
|
|
1621
|
+
border-radius: 0 0 8px 8px;
|
|
1622
|
+
z-index: 1;
|
|
1829
1623
|
}
|
|
1830
|
-
.
|
|
1831
|
-
|
|
1832
|
-
|
|
1624
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
|
|
1625
|
+
margin-left: 0 !important;
|
|
1626
|
+
padding-top: 18px;
|
|
1833
1627
|
}
|
|
1834
|
-
.
|
|
1835
|
-
|
|
1836
|
-
|
|
1628
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
|
|
1629
|
+
padding-top: 28px;
|
|
1630
|
+
}
|
|
1631
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
|
|
1632
|
+
border-bottom: 1px solid #e6e3df;
|
|
1633
|
+
padding-bottom: 18px;
|
|
1837
1634
|
}
|
|
1838
1635
|
|
|
1839
|
-
|
|
1636
|
+
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1637
|
+
background-color: #111111;
|
|
1638
|
+
}
|
|
1639
|
+
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
|
|
1640
|
+
background-color: #1f1f1f;
|
|
1641
|
+
}
|
|
1642
|
+
|
|
1643
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
|
|
1840
1644
|
/* center a block element */
|
|
1841
1645
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1842
1646
|
/* setting styles in separate formats for cross browser support */
|
|
1843
1647
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1844
1648
|
/* vertically center alilgn any HTML element */
|
|
1845
1649
|
/* add basePath to assets */
|
|
1846
|
-
.
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1650
|
+
.SubNavigation-module__container___Wb5XN {
|
|
1651
|
+
background-color: #ffffff;
|
|
1652
|
+
color: #575452;
|
|
1653
|
+
border-radius: 0px 0px 8px 8px;
|
|
1654
|
+
margin: 0 auto;
|
|
1655
|
+
max-width: 1308px;
|
|
1656
|
+
min-height: 47px;
|
|
1657
|
+
-webkit-align-items: center;
|
|
1658
|
+
-moz-align-items: center;
|
|
1659
|
+
-o-align-items: center;
|
|
1660
|
+
align-items: center;
|
|
1853
1661
|
}
|
|
1854
|
-
.
|
|
1855
|
-
cursor: unset;
|
|
1856
|
-
padding: 20px 10px 4px;
|
|
1857
|
-
color: #858585;
|
|
1858
|
-
letter-spacing: 1px;
|
|
1859
|
-
text-transform: uppercase;
|
|
1662
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
|
|
1860
1663
|
font-size: 14px;
|
|
1861
1664
|
line-height: 20px;
|
|
1862
|
-
font-weight:
|
|
1665
|
+
font-weight: 700;
|
|
1666
|
+
}
|
|
1667
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
|
|
1668
|
+
margin-left: 0 !important;
|
|
1669
|
+
margin-top: 0 !important;
|
|
1670
|
+
font-size: 18px;
|
|
1671
|
+
line-height: 24px;
|
|
1672
|
+
font-weight: 400;
|
|
1673
|
+
display: block !important;
|
|
1674
|
+
}
|
|
1675
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
|
|
1676
|
+
padding-bottom: 28px;
|
|
1677
|
+
}
|
|
1678
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
|
|
1679
|
+
font-size: 14px;
|
|
1680
|
+
line-height: 20px;
|
|
1681
|
+
color: #7A7A7B;
|
|
1682
|
+
font-weight: 700;
|
|
1683
|
+
padding-bottom: 28px;
|
|
1863
1684
|
}
|
|
1864
|
-
.
|
|
1865
|
-
|
|
1866
|
-
|
|
1685
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
|
|
1686
|
+
display: flex;
|
|
1687
|
+
grid-column: 2;
|
|
1688
|
+
grid-template-columns: repeat(auto-fit, 20%);
|
|
1689
|
+
padding: 24px 32px;
|
|
1867
1690
|
}
|
|
1868
|
-
.
|
|
1869
|
-
border: 1px solid #
|
|
1691
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
|
|
1692
|
+
border-left: 1px solid #e6e3df;
|
|
1693
|
+
padding-left: 24px;
|
|
1694
|
+
padding-right: 24px;
|
|
1695
|
+
max-width: 248px;
|
|
1870
1696
|
}
|
|
1871
|
-
.
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
font-size: 16px;
|
|
1875
|
-
line-height: 24px;
|
|
1697
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1698
|
+
padding-left: 0;
|
|
1699
|
+
border: none;
|
|
1876
1700
|
}
|
|
1877
|
-
.
|
|
1701
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
|
|
1878
1702
|
margin-left: 4px;
|
|
1879
|
-
|
|
1703
|
+
vertical-align: middle;
|
|
1880
1704
|
height: 24px;
|
|
1881
1705
|
width: 24px;
|
|
1882
1706
|
}
|
|
1883
|
-
.
|
|
1707
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
|
|
1884
1708
|
margin-left: 0;
|
|
1885
1709
|
margin-right: 4px;
|
|
1886
1710
|
}
|
|
1887
|
-
.
|
|
1711
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
|
|
1888
1712
|
white-space: nowrap;
|
|
1889
1713
|
display: inline-flex;
|
|
1890
1714
|
align-items: center;
|
|
1891
1715
|
}
|
|
1892
|
-
.
|
|
1716
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1893
1717
|
display: flex;
|
|
1894
1718
|
align-items: flex-start;
|
|
1895
1719
|
gap: 4px;
|
|
1896
1720
|
white-space: normal;
|
|
1897
1721
|
max-width: 100%;
|
|
1898
1722
|
}
|
|
1899
|
-
.
|
|
1723
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
|
|
1900
1724
|
white-space: normal;
|
|
1901
1725
|
min-width: 0;
|
|
1902
1726
|
}
|
|
1903
|
-
.
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
|
|
1907
|
-
display: block;
|
|
1908
|
-
height: auto;
|
|
1727
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1728
|
+
white-space: normal;
|
|
1729
|
+
align-items: flex-start;
|
|
1730
|
+
gap: 4px;
|
|
1909
1731
|
}
|
|
1910
|
-
|
|
1911
|
-
|
|
1732
|
+
|
|
1733
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
|
|
1734
|
+
background-color: #1f1f1f;
|
|
1735
|
+
color: #ffffff;
|
|
1912
1736
|
}
|
|
1913
|
-
.
|
|
1914
|
-
|
|
1737
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
|
|
1738
|
+
color: #ffffff;
|
|
1915
1739
|
}
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
color: #f2f2f2;
|
|
1740
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
|
|
1741
|
+
color: #ffffff;
|
|
1919
1742
|
}
|
|
1920
|
-
.
|
|
1921
|
-
background-color: #1f1f1f;
|
|
1922
|
-
border: 1px solid #2c2c2c;
|
|
1743
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
|
|
1923
1744
|
color: #ffffff;
|
|
1924
1745
|
}
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
max-height: 200vh;
|
|
1746
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
|
|
1747
|
+
border-left: 1px solid #86807c;
|
|
1928
1748
|
}
|
|
1929
|
-
.
|
|
1930
|
-
|
|
1749
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1750
|
+
border: none;
|
|
1931
1751
|
}
|
|
1932
1752
|
|
|
1933
1753
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
|
|
@@ -2202,3 +2022,183 @@
|
|
|
2202
2022
|
padding: 16px;
|
|
2203
2023
|
}
|
|
2204
2024
|
}
|
|
2025
|
+
|
|
2026
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
|
|
2027
|
+
/* center a block element */
|
|
2028
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
2029
|
+
/* setting styles in separate formats for cross browser support */
|
|
2030
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
2031
|
+
/* vertically center alilgn any HTML element */
|
|
2032
|
+
/* add basePath to assets */
|
|
2033
|
+
.CartClearConfirm-module__overlay___sxCOO {
|
|
2034
|
+
position: absolute;
|
|
2035
|
+
inset: 0;
|
|
2036
|
+
z-index: 10;
|
|
2037
|
+
background: rgba(42, 42, 42, 0.8);
|
|
2038
|
+
display: flex;
|
|
2039
|
+
align-items: center;
|
|
2040
|
+
justify-content: center;
|
|
2041
|
+
padding: 24px;
|
|
2042
|
+
}
|
|
2043
|
+
|
|
2044
|
+
.CartClearConfirm-module__dialog___UWokE {
|
|
2045
|
+
background: transparent;
|
|
2046
|
+
border-radius: 16px;
|
|
2047
|
+
padding: 24px;
|
|
2048
|
+
width: 100%;
|
|
2049
|
+
max-width: 320px;
|
|
2050
|
+
display: flex;
|
|
2051
|
+
flex-direction: column;
|
|
2052
|
+
gap: 24px;
|
|
2053
|
+
}
|
|
2054
|
+
|
|
2055
|
+
.CartClearConfirm-module__message___vd9VO {
|
|
2056
|
+
font-size: 18px;
|
|
2057
|
+
line-height: 26px;
|
|
2058
|
+
font-weight: 700;
|
|
2059
|
+
color: #ffffff;
|
|
2060
|
+
text-align: center;
|
|
2061
|
+
}
|
|
2062
|
+
|
|
2063
|
+
.CartClearConfirm-module__actions___X0-0w {
|
|
2064
|
+
display: flex;
|
|
2065
|
+
gap: 12px;
|
|
2066
|
+
}
|
|
2067
|
+
.CartClearConfirm-module__actions___X0-0w button {
|
|
2068
|
+
padding: 10px 24px;
|
|
2069
|
+
}
|
|
2070
|
+
|
|
2071
|
+
.CartClearConfirm-module__cancelButton___LYopb {
|
|
2072
|
+
flex: 1;
|
|
2073
|
+
background: none;
|
|
2074
|
+
border: 2px solid #ffffff;
|
|
2075
|
+
border-radius: 28px;
|
|
2076
|
+
font-size: 16px;
|
|
2077
|
+
line-height: 24px;
|
|
2078
|
+
font-weight: 600;
|
|
2079
|
+
color: #ffffff;
|
|
2080
|
+
cursor: pointer;
|
|
2081
|
+
transition: background-color 0.15s ease;
|
|
2082
|
+
}
|
|
2083
|
+
.CartClearConfirm-module__cancelButton___LYopb:hover {
|
|
2084
|
+
background-color: rgba(255, 255, 255, 0.1);
|
|
2085
|
+
}
|
|
2086
|
+
.CartClearConfirm-module__cancelButton___LYopb:focus-visible {
|
|
2087
|
+
outline: 2px solid #ffffff;
|
|
2088
|
+
outline-offset: 2px;
|
|
2089
|
+
}
|
|
2090
|
+
|
|
2091
|
+
.CartClearConfirm-module__confirmButton___KgPKy {
|
|
2092
|
+
flex: 1;
|
|
2093
|
+
background: #ffffff;
|
|
2094
|
+
border: 2px solid #ffffff;
|
|
2095
|
+
border-radius: 28px;
|
|
2096
|
+
font-size: 16px;
|
|
2097
|
+
line-height: 24px;
|
|
2098
|
+
font-weight: 600;
|
|
2099
|
+
color: #3d3935;
|
|
2100
|
+
cursor: pointer;
|
|
2101
|
+
transition: background-color 0.15s ease;
|
|
2102
|
+
}
|
|
2103
|
+
.CartClearConfirm-module__confirmButton___KgPKy:hover {
|
|
2104
|
+
background-color: #e6e3df;
|
|
2105
|
+
border-color: #e6e3df;
|
|
2106
|
+
}
|
|
2107
|
+
.CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
|
|
2108
|
+
outline: 2px solid #ffffff;
|
|
2109
|
+
outline-offset: 2px;
|
|
2110
|
+
}
|
|
2111
|
+
|
|
2112
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
|
|
2113
|
+
/* center a block element */
|
|
2114
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
2115
|
+
/* setting styles in separate formats for cross browser support */
|
|
2116
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
2117
|
+
/* vertically center alilgn any HTML element */
|
|
2118
|
+
/* add basePath to assets */
|
|
2119
|
+
.MobileSubNavigation-module__container___1tQpO {
|
|
2120
|
+
max-height: 0px;
|
|
2121
|
+
overflow: hidden;
|
|
2122
|
+
transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
2123
|
+
transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
2124
|
+
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);
|
|
2125
|
+
width: 100%;
|
|
2126
|
+
}
|
|
2127
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
|
|
2128
|
+
cursor: unset;
|
|
2129
|
+
padding: 20px 10px 4px;
|
|
2130
|
+
color: #858585;
|
|
2131
|
+
letter-spacing: 1px;
|
|
2132
|
+
text-transform: uppercase;
|
|
2133
|
+
font-size: 14px;
|
|
2134
|
+
line-height: 20px;
|
|
2135
|
+
font-weight: 500;
|
|
2136
|
+
}
|
|
2137
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
2138
|
+
background-color: #ffffff;
|
|
2139
|
+
padding: 10px;
|
|
2140
|
+
}
|
|
2141
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
|
|
2142
|
+
border: 1px solid #e8e8e8;
|
|
2143
|
+
}
|
|
2144
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
2145
|
+
color: #333333;
|
|
2146
|
+
font-weight: 500;
|
|
2147
|
+
font-size: 16px;
|
|
2148
|
+
line-height: 24px;
|
|
2149
|
+
}
|
|
2150
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
|
|
2151
|
+
margin-left: 4px;
|
|
2152
|
+
flex-shrink: 0;
|
|
2153
|
+
height: 24px;
|
|
2154
|
+
width: 24px;
|
|
2155
|
+
}
|
|
2156
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
|
|
2157
|
+
margin-left: 0;
|
|
2158
|
+
margin-right: 4px;
|
|
2159
|
+
}
|
|
2160
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
|
|
2161
|
+
white-space: nowrap;
|
|
2162
|
+
display: inline-flex;
|
|
2163
|
+
align-items: center;
|
|
2164
|
+
}
|
|
2165
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
|
|
2166
|
+
display: flex;
|
|
2167
|
+
align-items: flex-start;
|
|
2168
|
+
gap: 4px;
|
|
2169
|
+
white-space: normal;
|
|
2170
|
+
max-width: 100%;
|
|
2171
|
+
}
|
|
2172
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
|
|
2173
|
+
white-space: normal;
|
|
2174
|
+
min-width: 0;
|
|
2175
|
+
}
|
|
2176
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
2177
|
+
display: none;
|
|
2178
|
+
}
|
|
2179
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
|
|
2180
|
+
display: block;
|
|
2181
|
+
height: auto;
|
|
2182
|
+
}
|
|
2183
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
|
|
2184
|
+
padding: 0 0 24px 16px;
|
|
2185
|
+
}
|
|
2186
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
|
|
2187
|
+
padding-bottom: 4px;
|
|
2188
|
+
}
|
|
2189
|
+
|
|
2190
|
+
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
|
|
2191
|
+
color: #f2f2f2;
|
|
2192
|
+
}
|
|
2193
|
+
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
2194
|
+
background-color: #1f1f1f;
|
|
2195
|
+
border: 1px solid #2c2c2c;
|
|
2196
|
+
color: #ffffff;
|
|
2197
|
+
}
|
|
2198
|
+
|
|
2199
|
+
.active-link .MobileSubNavigation-module__container___1tQpO {
|
|
2200
|
+
max-height: 200vh;
|
|
2201
|
+
}
|
|
2202
|
+
.active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
2203
|
+
display: block;
|
|
2204
|
+
}
|