@sunrise-upc/sales-static-components 4.2.0-beta.5 → 4.2.0-beta.6
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/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +11 -0
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.css +11 -0
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.css +11 -0
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +11 -0
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.css +11 -0
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.css +11 -0
- package/dist/navigation.css +948 -948
- package/package.json +1 -1
package/dist/navigation.css
CHANGED
|
@@ -1,112 +1,432 @@
|
|
|
1
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/
|
|
1
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
|
|
2
2
|
/* center a block element */
|
|
3
3
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
4
4
|
/* setting styles in separate formats for cross browser support */
|
|
5
5
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
6
6
|
/* vertically center alilgn any HTML element */
|
|
7
7
|
/* add basePath to assets */
|
|
8
|
-
.
|
|
8
|
+
.FalconMainNavigation-module__container___85E7S {
|
|
9
|
+
-webkit-transition: all 1s ease-out;
|
|
10
|
+
transition: all 1s ease-out;
|
|
11
|
+
font-size: 20px;
|
|
12
|
+
line-height: 23px;
|
|
13
|
+
position: fixed;
|
|
14
|
+
width: 100%;
|
|
15
|
+
z-index: 10;
|
|
16
|
+
top: 0;
|
|
17
|
+
}
|
|
18
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
|
|
19
|
+
position: absolute;
|
|
20
|
+
z-index: 1;
|
|
21
|
+
top: 17px;
|
|
22
|
+
-webkit-transition: all 1s ease-out;
|
|
23
|
+
transition: all 1s ease-out;
|
|
24
|
+
}
|
|
25
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
|
|
26
|
+
height: 89px;
|
|
27
|
+
width: 98px;
|
|
9
28
|
margin-left: auto;
|
|
10
29
|
margin-right: auto;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
max-width: 1308px;
|
|
14
|
-
width: 100%;
|
|
30
|
+
-webkit-transition: all 1s ease-out;
|
|
31
|
+
transition: all 1s ease-out;
|
|
15
32
|
}
|
|
16
|
-
.
|
|
33
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
|
|
34
|
+
top: 61px;
|
|
35
|
+
-webkit-transition: all 1s ease-out;
|
|
36
|
+
transition: all 1s ease-out;
|
|
37
|
+
}
|
|
38
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
|
|
39
|
+
height: 56px;
|
|
40
|
+
-webkit-transition: all 1s ease-out;
|
|
41
|
+
transition: all 1s ease-out;
|
|
42
|
+
}
|
|
43
|
+
.FalconMainNavigation-module__container___85E7S ul,
|
|
44
|
+
.FalconMainNavigation-module__container___85E7S li {
|
|
45
|
+
list-style: none;
|
|
46
|
+
margin: 0px;
|
|
17
47
|
padding: 0px;
|
|
18
|
-
|
|
48
|
+
}
|
|
49
|
+
.FalconMainNavigation-module__container___85E7S a {
|
|
50
|
+
color: #1f1f1f;
|
|
51
|
+
text-decoration: none;
|
|
52
|
+
}
|
|
53
|
+
.FalconMainNavigation-module__container___85E7S a::before {
|
|
54
|
+
content: attr(title);
|
|
55
|
+
display: block;
|
|
56
|
+
font-weight: bold;
|
|
57
|
+
height: 0;
|
|
58
|
+
opacity: 1;
|
|
59
|
+
overflow: hidden;
|
|
60
|
+
}
|
|
61
|
+
@media (max-width: 1023px) {
|
|
62
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
|
|
63
|
+
display: none;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
.FalconMainNavigation-module__container___85E7S .sunrise-bold {
|
|
67
|
+
color: #1f1f1f;
|
|
68
|
+
}
|
|
69
|
+
.FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
|
|
70
|
+
background: #ffffff;
|
|
71
|
+
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
72
|
+
}
|
|
73
|
+
.FalconMainNavigation-module__container___85E7S .full-width {
|
|
74
|
+
width: 100%;
|
|
75
|
+
}
|
|
76
|
+
@media (max-width: 1023px) {
|
|
77
|
+
.FalconMainNavigation-module__container___85E7S .sr-responsive-row {
|
|
78
|
+
max-width: 100%;
|
|
79
|
+
}
|
|
19
80
|
}
|
|
20
81
|
@media (min-width: 1024px) and (max-width: 1439px) {
|
|
21
|
-
.
|
|
22
|
-
max-width:
|
|
82
|
+
.FalconMainNavigation-module__container___85E7S .sr-responsive-row {
|
|
83
|
+
max-width: 1308px;
|
|
84
|
+
padding-left: 42px;
|
|
85
|
+
padding-right: 42px;
|
|
23
86
|
}
|
|
24
87
|
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
88
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
|
|
89
|
+
background-color: #ffffff;
|
|
90
|
+
position: relative;
|
|
91
|
+
z-index: auto;
|
|
92
|
+
}
|
|
93
|
+
@media (max-width: 1023px) {
|
|
94
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
|
|
95
|
+
background-color: #f8f8f8;
|
|
28
96
|
}
|
|
29
97
|
}
|
|
30
|
-
@media (
|
|
31
|
-
.
|
|
32
|
-
|
|
98
|
+
@media (min-width: 1024px) {
|
|
99
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
|
|
100
|
+
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
33
101
|
}
|
|
34
102
|
}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
-
|
|
46
|
-
-
|
|
103
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
|
|
104
|
+
min-height: 68px;
|
|
105
|
+
}
|
|
106
|
+
@media (max-width: 1023px) {
|
|
107
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
|
|
108
|
+
min-height: 44px;
|
|
109
|
+
height: 44px;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
|
|
113
|
+
background-repeat: no-repeat;
|
|
114
|
+
background-size: contain;
|
|
115
|
+
}
|
|
116
|
+
@media (max-width: 1023px) {
|
|
117
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
|
|
118
|
+
display: block;
|
|
119
|
+
background-size: contain;
|
|
120
|
+
width: 120px;
|
|
121
|
+
height: 24px;
|
|
122
|
+
margin-right: 10px;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
@media (min-width: 1024px) {
|
|
126
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
|
|
127
|
+
visibility: visible;
|
|
128
|
+
}
|
|
129
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
|
|
130
|
+
visibility: hidden;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
@media (min-width: 1024px) {
|
|
134
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
|
|
135
|
+
height: 24px;
|
|
136
|
+
border-right: 1px solid #e6e3df;
|
|
137
|
+
border-left: 1px solid #e6e3df;
|
|
138
|
+
padding: 0 16px;
|
|
139
|
+
margin-top: 10px;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
|
|
143
|
+
position: relative;
|
|
144
|
+
display: flex;
|
|
47
145
|
align-items: center;
|
|
146
|
+
height: 24px;
|
|
48
147
|
cursor: pointer;
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
justify-content: space-between;
|
|
53
|
-
width: 26px;
|
|
148
|
+
background: none;
|
|
149
|
+
border: none;
|
|
150
|
+
outline: none;
|
|
54
151
|
}
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
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;
|
|
152
|
+
@media (min-width: 1024px) {
|
|
153
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
|
|
154
|
+
padding: 0 12px;
|
|
155
|
+
margin-top: 10px;
|
|
156
|
+
border-left: 1px solid #e6e3df;
|
|
157
|
+
}
|
|
67
158
|
}
|
|
68
|
-
|
|
69
|
-
|
|
159
|
+
@media (max-width: 1023px) {
|
|
160
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
|
|
161
|
+
padding: 0;
|
|
162
|
+
margin-right: 16px;
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
|
|
166
|
+
outline: 2px solid #e6e3df;
|
|
167
|
+
outline-offset: 2px;
|
|
168
|
+
border-radius: 2px;
|
|
169
|
+
}
|
|
170
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
|
|
171
|
+
cursor: pointer;
|
|
172
|
+
display: block;
|
|
173
|
+
height: 24px;
|
|
174
|
+
width: 24px;
|
|
175
|
+
}
|
|
176
|
+
@media (max-width: 1023px) {
|
|
177
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
|
|
178
|
+
margin-right: 20px;
|
|
179
|
+
margin-left: 16px;
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
|
|
183
|
+
opacity: 0.6;
|
|
184
|
+
pointer-events: none;
|
|
185
|
+
cursor: default;
|
|
186
|
+
}
|
|
187
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
|
|
70
188
|
background-repeat: no-repeat;
|
|
71
189
|
background-size: contain;
|
|
72
|
-
cursor: pointer;
|
|
73
190
|
display: block;
|
|
74
191
|
height: 24px;
|
|
192
|
+
margin: 10px 8px 0 10px;
|
|
75
193
|
width: 24px;
|
|
76
194
|
}
|
|
77
|
-
|
|
78
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.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
|
-
.NavigationMenuItem-module__nav-link___ZDsjB {
|
|
195
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
|
|
86
196
|
font-size: 16px;
|
|
87
197
|
line-height: 24px;
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
display: flex;
|
|
93
|
-
align-items: center;
|
|
94
|
-
gap: 8px;
|
|
198
|
+
color: #1f1f1f;
|
|
199
|
+
margin: 10px 16px 0 8px;
|
|
200
|
+
font-weight: 700;
|
|
201
|
+
cursor: pointer;
|
|
95
202
|
}
|
|
96
|
-
.
|
|
97
|
-
|
|
203
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
|
|
204
|
+
background-repeat: no-repeat;
|
|
205
|
+
background-size: contain;
|
|
206
|
+
display: block;
|
|
98
207
|
height: 24px;
|
|
208
|
+
margin: 11px 0px 0 0px;
|
|
99
209
|
width: 24px;
|
|
210
|
+
cursor: pointer;
|
|
100
211
|
}
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
background-color: #f7f6f5;
|
|
107
|
-
border-radius: 8px;
|
|
212
|
+
@media (max-width: 1023px) {
|
|
213
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
|
|
214
|
+
margin: 0px;
|
|
215
|
+
cursor: pointer;
|
|
216
|
+
}
|
|
108
217
|
}
|
|
109
|
-
.
|
|
218
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
|
|
219
|
+
margin: 10px 0px 0px;
|
|
220
|
+
cursor: pointer;
|
|
221
|
+
}
|
|
222
|
+
@media (max-width: 1023px) {
|
|
223
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
|
|
224
|
+
margin: 0px;
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
@media (min-width: 1024px) {
|
|
228
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
|
|
229
|
+
position: relative;
|
|
230
|
+
justify-content: space-between;
|
|
231
|
+
padding: 12px 0;
|
|
232
|
+
}
|
|
233
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
|
|
234
|
+
margin-left: 58px;
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
@media (min-width: 1024px) {
|
|
238
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
|
|
239
|
+
position: relative;
|
|
240
|
+
justify-content: space-between;
|
|
241
|
+
padding: 12px 0;
|
|
242
|
+
}
|
|
243
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
|
|
244
|
+
margin-left: 58px;
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
@media (min-width: 1024px) {
|
|
248
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
|
|
249
|
+
padding-bottom: 47px;
|
|
250
|
+
}
|
|
251
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
|
|
252
|
+
padding-bottom: 0;
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
@media (min-width: 1440px) {
|
|
256
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
|
|
257
|
+
padding-bottom: 0;
|
|
258
|
+
}
|
|
259
|
+
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
|
|
260
|
+
padding-bottom: 0;
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
@media (min-width: 1024px) {
|
|
265
|
+
.FalconMainNavigation-module__falcon-nav___YMp-r {
|
|
266
|
+
top: -52px;
|
|
267
|
+
}
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.page-top,
|
|
271
|
+
#main {
|
|
272
|
+
padding-top: var(--main-nav-height, 72px);
|
|
273
|
+
transition: padding-top 500ms ease-out;
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
@media (max-width: 767px) {
|
|
277
|
+
.page-top,
|
|
278
|
+
#main {
|
|
279
|
+
padding-top: var(--main-nav-height, 50px);
|
|
280
|
+
}
|
|
281
|
+
}
|
|
282
|
+
@media (prefers-reduced-motion: reduce) {
|
|
283
|
+
.page-top,
|
|
284
|
+
#main {
|
|
285
|
+
transition: none;
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
.FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
|
|
289
|
+
background-color: #1f1f1f;
|
|
290
|
+
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
|
|
291
|
+
}
|
|
292
|
+
.FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
|
|
293
|
+
.FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
|
|
294
|
+
background-color: #1f1f1f;
|
|
295
|
+
}
|
|
296
|
+
.FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
|
|
297
|
+
border-right-color: #86807c;
|
|
298
|
+
border-left-color: #86807c;
|
|
299
|
+
}
|
|
300
|
+
.FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
|
|
301
|
+
color: #ffffff;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
.FalconMainNavigation-module__s20-header__version-number___sPVVP {
|
|
305
|
+
position: fixed;
|
|
306
|
+
top: 0;
|
|
307
|
+
left: 0;
|
|
308
|
+
padding: 4px 8px;
|
|
309
|
+
font-size: 14px;
|
|
310
|
+
z-index: 10000;
|
|
311
|
+
color: #5f5955;
|
|
312
|
+
background: #ffffff;
|
|
313
|
+
}
|
|
314
|
+
@media (max-width: 850px) {
|
|
315
|
+
.FalconMainNavigation-module__s20-header__version-number___sPVVP {
|
|
316
|
+
padding: 0 4px;
|
|
317
|
+
font-size: 8px;
|
|
318
|
+
}
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
|
|
322
|
+
/* center a block element */
|
|
323
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
324
|
+
/* setting styles in separate formats for cross browser support */
|
|
325
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
326
|
+
/* vertically center alilgn any HTML element */
|
|
327
|
+
/* add basePath to assets */
|
|
328
|
+
.row-module__sr-def-row___us1ph {
|
|
329
|
+
margin-left: auto;
|
|
330
|
+
margin-right: auto;
|
|
331
|
+
padding-left: 16px;
|
|
332
|
+
padding-right: 16px;
|
|
333
|
+
max-width: 1308px;
|
|
334
|
+
width: 100%;
|
|
335
|
+
}
|
|
336
|
+
.row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
|
|
337
|
+
padding: 0px;
|
|
338
|
+
max-width: 100%;
|
|
339
|
+
}
|
|
340
|
+
@media (min-width: 1024px) and (max-width: 1439px) {
|
|
341
|
+
.row-module__sr-def-row___us1ph {
|
|
342
|
+
max-width: 972px;
|
|
343
|
+
}
|
|
344
|
+
}
|
|
345
|
+
@media (min-width: 768px) and (max-width: 1023px) {
|
|
346
|
+
.row-module__sr-def-row___us1ph {
|
|
347
|
+
max-width: 720px;
|
|
348
|
+
}
|
|
349
|
+
}
|
|
350
|
+
@media (max-width: 767px) {
|
|
351
|
+
.row-module__sr-def-row___us1ph {
|
|
352
|
+
max-width: 100%;
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
|
|
356
|
+
/* /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;
|
|
369
|
+
display: flex;
|
|
370
|
+
flex-direction: column;
|
|
371
|
+
height: 18px;
|
|
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 {
|
|
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;
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
|
|
399
|
+
/* center a block element */
|
|
400
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
401
|
+
/* setting styles in separate formats for cross browser support */
|
|
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
|
+
.NavigationMenuItem-module__nav-link___ZDsjB {
|
|
406
|
+
font-size: 16px;
|
|
407
|
+
line-height: 24px;
|
|
408
|
+
margin-right: 6px;
|
|
409
|
+
}
|
|
410
|
+
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
|
|
411
|
+
padding: 10px 4px;
|
|
412
|
+
display: flex;
|
|
413
|
+
align-items: center;
|
|
414
|
+
gap: 8px;
|
|
415
|
+
}
|
|
416
|
+
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
|
|
417
|
+
flex-shrink: 0;
|
|
418
|
+
height: 24px;
|
|
419
|
+
width: 24px;
|
|
420
|
+
}
|
|
421
|
+
.NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
|
|
422
|
+
filter: none;
|
|
423
|
+
}
|
|
424
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
|
|
425
|
+
color: #3d3935;
|
|
426
|
+
background-color: #f7f6f5;
|
|
427
|
+
border-radius: 8px;
|
|
428
|
+
}
|
|
429
|
+
.NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
|
|
110
430
|
padding-left: unset;
|
|
111
431
|
padding-right: 4px;
|
|
112
432
|
transform: rotate(-180deg);
|
|
@@ -355,47 +675,164 @@
|
|
|
355
675
|
visibility: visible;
|
|
356
676
|
}
|
|
357
677
|
|
|
358
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/
|
|
678
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
|
|
359
679
|
/* center a block element */
|
|
360
680
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
361
681
|
/* setting styles in separate formats for cross browser support */
|
|
362
682
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
363
683
|
/* vertically center alilgn any HTML element */
|
|
364
684
|
/* add basePath to assets */
|
|
365
|
-
|
|
366
|
-
.
|
|
367
|
-
|
|
368
|
-
border-top: 4px solid #da291c;
|
|
369
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
370
|
-
height: 72px;
|
|
371
|
-
}
|
|
372
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
373
|
-
position: fixed;
|
|
374
|
-
top: 0;
|
|
375
|
-
left: 0;
|
|
376
|
-
padding: 4px 8px;
|
|
377
|
-
font-size: 14px;
|
|
378
|
-
z-index: 10000;
|
|
379
|
-
color: #5f5955;
|
|
380
|
-
background: #ffffff;
|
|
381
|
-
}
|
|
685
|
+
.cart-overlay-panel.offcanvas {
|
|
686
|
+
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
|
|
687
|
+
z-index: 2147483002;
|
|
382
688
|
}
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
689
|
+
|
|
690
|
+
.cart-overlay-panel .offcanvas-header {
|
|
691
|
+
padding: 20px 16px;
|
|
692
|
+
gap: 24px;
|
|
693
|
+
align-items: center;
|
|
694
|
+
background: #ffffff;
|
|
695
|
+
border-bottom: 1px solid #e6e3df;
|
|
388
696
|
}
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
697
|
+
|
|
698
|
+
.cart-overlay-panel .offcanvas-title {
|
|
699
|
+
display: flex;
|
|
700
|
+
flex-direction: column;
|
|
701
|
+
align-items: flex-start;
|
|
702
|
+
gap: 2px;
|
|
703
|
+
font-size: 24px;
|
|
704
|
+
line-height: 32px;
|
|
705
|
+
font-weight: 700;
|
|
706
|
+
color: #3d3935;
|
|
707
|
+
}
|
|
708
|
+
@media (max-width: 1023px) {
|
|
709
|
+
.cart-overlay-panel .offcanvas-title {
|
|
710
|
+
font-size: 20px;
|
|
711
|
+
line-height: 28px;
|
|
712
|
+
}
|
|
713
|
+
}
|
|
714
|
+
|
|
715
|
+
.cart-overlay-panel .btn-close {
|
|
716
|
+
opacity: 0.7;
|
|
717
|
+
width: 20px;
|
|
718
|
+
height: 20px;
|
|
719
|
+
}
|
|
720
|
+
.cart-overlay-panel .btn-close:hover {
|
|
721
|
+
opacity: 1;
|
|
722
|
+
}
|
|
723
|
+
|
|
724
|
+
.cart-overlay-panel .offcanvas-body {
|
|
725
|
+
padding: 0;
|
|
726
|
+
overflow-y: auto;
|
|
727
|
+
display: flex;
|
|
728
|
+
flex-direction: column;
|
|
729
|
+
background: #f7f6f5;
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
.cart-overlay-panel.offcanvas-bottom {
|
|
733
|
+
border-radius: 8px 8px 0 0 !important;
|
|
734
|
+
width: 100% !important;
|
|
735
|
+
overflow: hidden;
|
|
736
|
+
}
|
|
737
|
+
|
|
738
|
+
.CartOverlay-module__backdrop___lMc-O {
|
|
739
|
+
position: fixed;
|
|
740
|
+
inset: 0;
|
|
741
|
+
z-index: 1040;
|
|
742
|
+
background: rgba(42, 42, 42, 0.7);
|
|
743
|
+
animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
744
|
+
}
|
|
745
|
+
|
|
746
|
+
@keyframes CartOverlay-module__fadeIn___G8JYJ {
|
|
747
|
+
from {
|
|
748
|
+
opacity: 0;
|
|
749
|
+
}
|
|
750
|
+
to {
|
|
751
|
+
opacity: 1;
|
|
752
|
+
}
|
|
753
|
+
}
|
|
754
|
+
.CartOverlay-module__footer___OwJpW {
|
|
755
|
+
padding: 16px 24px;
|
|
756
|
+
border-top: 1px solid #d2d2d2;
|
|
757
|
+
background-color: #ffffff;
|
|
758
|
+
}
|
|
759
|
+
|
|
760
|
+
.CartOverlay-module__dismissButton___57qsq {
|
|
761
|
+
display: flex;
|
|
762
|
+
align-items: center;
|
|
763
|
+
justify-content: center;
|
|
764
|
+
width: 100%;
|
|
765
|
+
padding: 14px 24px;
|
|
766
|
+
gap: 8px;
|
|
767
|
+
background: none;
|
|
768
|
+
border: 2px solid #da291c;
|
|
769
|
+
border-radius: 28px;
|
|
770
|
+
font-size: 16px;
|
|
771
|
+
line-height: 24px;
|
|
772
|
+
font-weight: 600;
|
|
773
|
+
color: #da291c;
|
|
774
|
+
text-align: center;
|
|
775
|
+
cursor: pointer;
|
|
776
|
+
transition: background-color 0.15s ease;
|
|
777
|
+
}
|
|
778
|
+
.CartOverlay-module__dismissButton___57qsq:hover {
|
|
779
|
+
background-color: rgba(218, 41, 28, 0.05);
|
|
780
|
+
}
|
|
781
|
+
.CartOverlay-module__dismissButton___57qsq:focus-visible {
|
|
782
|
+
outline: 2px solid #da291c;
|
|
783
|
+
outline-offset: 2px;
|
|
784
|
+
}
|
|
785
|
+
|
|
786
|
+
.CartOverlay-module__errorMessage___ylBiH {
|
|
787
|
+
margin: auto 24px;
|
|
788
|
+
padding: 16px;
|
|
789
|
+
font-size: 20px;
|
|
790
|
+
line-height: 28px;
|
|
791
|
+
color: #3d3935;
|
|
792
|
+
text-align: center;
|
|
793
|
+
}
|
|
794
|
+
|
|
795
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
|
|
796
|
+
/* center a block element */
|
|
797
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
798
|
+
/* setting styles in separate formats for cross browser support */
|
|
799
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
800
|
+
/* vertically center alilgn any HTML element */
|
|
801
|
+
/* add basePath to assets */
|
|
802
|
+
@media (min-width: 768px) {
|
|
803
|
+
.MinimizedHeader-module__outer___JOzJC {
|
|
804
|
+
background-color: #ffffff;
|
|
805
|
+
border-top: 4px solid #da291c;
|
|
806
|
+
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
807
|
+
height: 72px;
|
|
808
|
+
}
|
|
809
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
810
|
+
position: fixed;
|
|
811
|
+
top: 0;
|
|
812
|
+
left: 0;
|
|
813
|
+
padding: 4px 8px;
|
|
814
|
+
font-size: 14px;
|
|
815
|
+
z-index: 10000;
|
|
816
|
+
color: #5f5955;
|
|
817
|
+
background: #ffffff;
|
|
818
|
+
}
|
|
819
|
+
}
|
|
820
|
+
@media (min-width: 768px) and (max-width: 850px) {
|
|
821
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
822
|
+
padding: 0 4px;
|
|
823
|
+
font-size: 8px;
|
|
824
|
+
}
|
|
825
|
+
}
|
|
826
|
+
@media (min-width: 768px) {
|
|
827
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
828
|
+
width: 100%;
|
|
829
|
+
display: inline-block;
|
|
830
|
+
}
|
|
831
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
832
|
+
display: flex;
|
|
833
|
+
float: left;
|
|
834
|
+
align-items: center;
|
|
835
|
+
margin: 10px 0;
|
|
399
836
|
}
|
|
400
837
|
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
401
838
|
padding-left: 10px;
|
|
@@ -847,787 +1284,95 @@
|
|
|
847
1284
|
}
|
|
848
1285
|
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
|
|
849
1286
|
padding: 20px 0 8px 10px;
|
|
850
|
-
letter-spacing: 1px;
|
|
851
|
-
text-transform: uppercase;
|
|
852
|
-
}
|
|
853
|
-
.ProfileLinkOut-module__mysunrise___F326W {
|
|
854
|
-
color: #da291c;
|
|
855
|
-
font-weight: 700;
|
|
856
|
-
font-size: 18px;
|
|
857
|
-
line-height: 24px;
|
|
858
|
-
background-color: #ffffff;
|
|
859
|
-
padding: 10px;
|
|
860
|
-
margin-bottom: 4px;
|
|
861
|
-
}
|
|
862
|
-
.ProfileLinkOut-module__mysunrise___F326W a:hover {
|
|
863
|
-
font-weight: unset;
|
|
864
|
-
}
|
|
865
|
-
.ProfileLinkOut-module__logout___GfbcJ {
|
|
866
|
-
color: #3d3935;
|
|
867
|
-
font-weight: 400;
|
|
868
|
-
background-color: #ffffff;
|
|
869
|
-
padding: 10px;
|
|
870
|
-
font-size: 18px;
|
|
871
|
-
line-height: 24px;
|
|
872
|
-
position: relative;
|
|
873
|
-
}
|
|
874
|
-
.ProfileLinkOut-module__logout___GfbcJ img {
|
|
875
|
-
position: absolute;
|
|
876
|
-
padding-left: 10px;
|
|
877
|
-
}
|
|
878
|
-
}
|
|
879
|
-
|
|
880
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
|
|
881
|
-
/* center a block element */
|
|
882
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
883
|
-
/* setting styles in separate formats for cross browser support */
|
|
884
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
885
|
-
/* vertically center alilgn any HTML element */
|
|
886
|
-
/* add basePath to assets */
|
|
887
|
-
.FalconMainNavigation-module__container___85E7S {
|
|
888
|
-
-webkit-transition: all 1s ease-out;
|
|
889
|
-
transition: all 1s ease-out;
|
|
890
|
-
font-size: 20px;
|
|
891
|
-
line-height: 23px;
|
|
892
|
-
position: fixed;
|
|
893
|
-
width: 100%;
|
|
894
|
-
z-index: 10;
|
|
895
|
-
top: 0;
|
|
896
|
-
}
|
|
897
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
|
|
898
|
-
position: absolute;
|
|
899
|
-
z-index: 1;
|
|
900
|
-
top: 17px;
|
|
901
|
-
-webkit-transition: all 1s ease-out;
|
|
902
|
-
transition: all 1s ease-out;
|
|
903
|
-
}
|
|
904
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
|
|
905
|
-
height: 89px;
|
|
906
|
-
width: 98px;
|
|
907
|
-
margin-left: auto;
|
|
908
|
-
margin-right: auto;
|
|
909
|
-
-webkit-transition: all 1s ease-out;
|
|
910
|
-
transition: all 1s ease-out;
|
|
911
|
-
}
|
|
912
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
|
|
913
|
-
top: 61px;
|
|
914
|
-
-webkit-transition: all 1s ease-out;
|
|
915
|
-
transition: all 1s ease-out;
|
|
916
|
-
}
|
|
917
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
|
|
918
|
-
height: 56px;
|
|
919
|
-
-webkit-transition: all 1s ease-out;
|
|
920
|
-
transition: all 1s ease-out;
|
|
921
|
-
}
|
|
922
|
-
.FalconMainNavigation-module__container___85E7S ul,
|
|
923
|
-
.FalconMainNavigation-module__container___85E7S li {
|
|
924
|
-
list-style: none;
|
|
925
|
-
margin: 0px;
|
|
926
|
-
padding: 0px;
|
|
927
|
-
}
|
|
928
|
-
.FalconMainNavigation-module__container___85E7S a {
|
|
929
|
-
color: #1f1f1f;
|
|
930
|
-
text-decoration: none;
|
|
931
|
-
}
|
|
932
|
-
.FalconMainNavigation-module__container___85E7S a::before {
|
|
933
|
-
content: attr(title);
|
|
934
|
-
display: block;
|
|
935
|
-
font-weight: bold;
|
|
936
|
-
height: 0;
|
|
937
|
-
opacity: 1;
|
|
938
|
-
overflow: hidden;
|
|
939
|
-
}
|
|
940
|
-
@media (max-width: 1023px) {
|
|
941
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
|
|
942
|
-
display: none;
|
|
943
|
-
}
|
|
944
|
-
}
|
|
945
|
-
.FalconMainNavigation-module__container___85E7S .sunrise-bold {
|
|
946
|
-
color: #1f1f1f;
|
|
947
|
-
}
|
|
948
|
-
.FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
|
|
949
|
-
background: #ffffff;
|
|
950
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
951
|
-
}
|
|
952
|
-
.FalconMainNavigation-module__container___85E7S .full-width {
|
|
953
|
-
width: 100%;
|
|
954
|
-
}
|
|
955
|
-
@media (max-width: 1023px) {
|
|
956
|
-
.FalconMainNavigation-module__container___85E7S .sr-responsive-row {
|
|
957
|
-
max-width: 100%;
|
|
958
|
-
}
|
|
959
|
-
}
|
|
960
|
-
@media (min-width: 1024px) and (max-width: 1439px) {
|
|
961
|
-
.FalconMainNavigation-module__container___85E7S .sr-responsive-row {
|
|
962
|
-
max-width: 1308px;
|
|
963
|
-
padding-left: 42px;
|
|
964
|
-
padding-right: 42px;
|
|
965
|
-
}
|
|
966
|
-
}
|
|
967
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
|
|
968
|
-
background-color: #ffffff;
|
|
969
|
-
position: relative;
|
|
970
|
-
z-index: auto;
|
|
971
|
-
}
|
|
972
|
-
@media (max-width: 1023px) {
|
|
973
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
|
|
974
|
-
background-color: #f8f8f8;
|
|
975
|
-
}
|
|
976
|
-
}
|
|
977
|
-
@media (min-width: 1024px) {
|
|
978
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
|
|
979
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
980
|
-
}
|
|
981
|
-
}
|
|
982
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
|
|
983
|
-
min-height: 68px;
|
|
984
|
-
}
|
|
985
|
-
@media (max-width: 1023px) {
|
|
986
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
|
|
987
|
-
min-height: 44px;
|
|
988
|
-
height: 44px;
|
|
989
|
-
}
|
|
990
|
-
}
|
|
991
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
|
|
992
|
-
background-repeat: no-repeat;
|
|
993
|
-
background-size: contain;
|
|
994
|
-
}
|
|
995
|
-
@media (max-width: 1023px) {
|
|
996
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
|
|
997
|
-
display: block;
|
|
998
|
-
background-size: contain;
|
|
999
|
-
width: 120px;
|
|
1000
|
-
height: 24px;
|
|
1001
|
-
margin-right: 10px;
|
|
1002
|
-
}
|
|
1003
|
-
}
|
|
1004
|
-
@media (min-width: 1024px) {
|
|
1005
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
|
|
1006
|
-
visibility: visible;
|
|
1007
|
-
}
|
|
1008
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
|
|
1009
|
-
visibility: hidden;
|
|
1010
|
-
}
|
|
1011
|
-
}
|
|
1012
|
-
@media (min-width: 1024px) {
|
|
1013
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
|
|
1014
|
-
height: 24px;
|
|
1015
|
-
border-right: 1px solid #e6e3df;
|
|
1016
|
-
border-left: 1px solid #e6e3df;
|
|
1017
|
-
padding: 0 16px;
|
|
1018
|
-
margin-top: 10px;
|
|
1019
|
-
}
|
|
1020
|
-
}
|
|
1021
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
|
|
1022
|
-
position: relative;
|
|
1023
|
-
display: flex;
|
|
1024
|
-
align-items: center;
|
|
1025
|
-
height: 24px;
|
|
1026
|
-
cursor: pointer;
|
|
1027
|
-
background: none;
|
|
1028
|
-
border: none;
|
|
1029
|
-
outline: none;
|
|
1030
|
-
}
|
|
1031
|
-
@media (min-width: 1024px) {
|
|
1032
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
|
|
1033
|
-
padding: 0 12px;
|
|
1034
|
-
margin-top: 10px;
|
|
1035
|
-
border-left: 1px solid #e6e3df;
|
|
1036
|
-
}
|
|
1037
|
-
}
|
|
1038
|
-
@media (max-width: 1023px) {
|
|
1039
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
|
|
1040
|
-
padding: 0;
|
|
1041
|
-
margin-right: 16px;
|
|
1042
|
-
}
|
|
1043
|
-
}
|
|
1044
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
|
|
1045
|
-
outline: 2px solid #e6e3df;
|
|
1046
|
-
outline-offset: 2px;
|
|
1047
|
-
border-radius: 2px;
|
|
1048
|
-
}
|
|
1049
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
|
|
1050
|
-
cursor: pointer;
|
|
1051
|
-
display: block;
|
|
1052
|
-
height: 24px;
|
|
1053
|
-
width: 24px;
|
|
1054
|
-
}
|
|
1055
|
-
@media (max-width: 1023px) {
|
|
1056
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
|
|
1057
|
-
margin-right: 20px;
|
|
1058
|
-
margin-left: 16px;
|
|
1059
|
-
}
|
|
1060
|
-
}
|
|
1061
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
|
|
1062
|
-
opacity: 0.6;
|
|
1063
|
-
pointer-events: none;
|
|
1064
|
-
cursor: default;
|
|
1065
|
-
}
|
|
1066
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
|
|
1067
|
-
background-repeat: no-repeat;
|
|
1068
|
-
background-size: contain;
|
|
1069
|
-
display: block;
|
|
1070
|
-
height: 24px;
|
|
1071
|
-
margin: 10px 8px 0 10px;
|
|
1072
|
-
width: 24px;
|
|
1073
|
-
}
|
|
1074
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
|
|
1075
|
-
font-size: 16px;
|
|
1076
|
-
line-height: 24px;
|
|
1077
|
-
color: #1f1f1f;
|
|
1078
|
-
margin: 10px 16px 0 8px;
|
|
1079
|
-
font-weight: 700;
|
|
1080
|
-
cursor: pointer;
|
|
1081
|
-
}
|
|
1082
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
|
|
1083
|
-
background-repeat: no-repeat;
|
|
1084
|
-
background-size: contain;
|
|
1085
|
-
display: block;
|
|
1086
|
-
height: 24px;
|
|
1087
|
-
margin: 11px 0px 0 0px;
|
|
1088
|
-
width: 24px;
|
|
1089
|
-
cursor: pointer;
|
|
1090
|
-
}
|
|
1091
|
-
@media (max-width: 1023px) {
|
|
1092
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
|
|
1093
|
-
margin: 0px;
|
|
1094
|
-
cursor: pointer;
|
|
1095
|
-
}
|
|
1096
|
-
}
|
|
1097
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
|
|
1098
|
-
margin: 10px 0px 0px;
|
|
1099
|
-
cursor: pointer;
|
|
1100
|
-
}
|
|
1101
|
-
@media (max-width: 1023px) {
|
|
1102
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
|
|
1103
|
-
margin: 0px;
|
|
1104
|
-
}
|
|
1105
|
-
}
|
|
1106
|
-
@media (min-width: 1024px) {
|
|
1107
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
|
|
1108
|
-
position: relative;
|
|
1109
|
-
justify-content: space-between;
|
|
1110
|
-
padding: 12px 0;
|
|
1111
|
-
}
|
|
1112
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
|
|
1113
|
-
margin-left: 58px;
|
|
1114
|
-
}
|
|
1115
|
-
}
|
|
1116
|
-
@media (min-width: 1024px) {
|
|
1117
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
|
|
1118
|
-
position: relative;
|
|
1119
|
-
justify-content: space-between;
|
|
1120
|
-
padding: 12px 0;
|
|
1121
|
-
}
|
|
1122
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
|
|
1123
|
-
margin-left: 58px;
|
|
1124
|
-
}
|
|
1125
|
-
}
|
|
1126
|
-
@media (min-width: 1024px) {
|
|
1127
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
|
|
1128
|
-
padding-bottom: 47px;
|
|
1129
|
-
}
|
|
1130
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
|
|
1131
|
-
padding-bottom: 0;
|
|
1132
|
-
}
|
|
1133
|
-
}
|
|
1134
|
-
@media (min-width: 1440px) {
|
|
1135
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
|
|
1136
|
-
padding-bottom: 0;
|
|
1137
|
-
}
|
|
1138
|
-
.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
|
|
1139
|
-
padding-bottom: 0;
|
|
1140
|
-
}
|
|
1141
|
-
}
|
|
1142
|
-
|
|
1143
|
-
@media (min-width: 1024px) {
|
|
1144
|
-
.FalconMainNavigation-module__falcon-nav___YMp-r {
|
|
1145
|
-
top: -52px;
|
|
1146
|
-
}
|
|
1147
|
-
}
|
|
1148
|
-
|
|
1149
|
-
.page-top,
|
|
1150
|
-
#main {
|
|
1151
|
-
padding-top: var(--main-nav-height, 72px);
|
|
1152
|
-
transition: padding-top 500ms ease-out;
|
|
1153
|
-
}
|
|
1154
|
-
|
|
1155
|
-
@media (max-width: 767px) {
|
|
1156
|
-
.page-top,
|
|
1157
|
-
#main {
|
|
1158
|
-
padding-top: var(--main-nav-height, 50px);
|
|
1159
|
-
}
|
|
1160
|
-
}
|
|
1161
|
-
@media (prefers-reduced-motion: reduce) {
|
|
1162
|
-
.page-top,
|
|
1163
|
-
#main {
|
|
1164
|
-
transition: none;
|
|
1165
|
-
}
|
|
1166
|
-
}
|
|
1167
|
-
.FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
|
|
1168
|
-
background-color: #1f1f1f;
|
|
1169
|
-
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
|
|
1170
|
-
}
|
|
1171
|
-
.FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
|
|
1172
|
-
.FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
|
|
1173
|
-
background-color: #1f1f1f;
|
|
1174
|
-
}
|
|
1175
|
-
.FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
|
|
1176
|
-
border-right-color: #86807c;
|
|
1177
|
-
border-left-color: #86807c;
|
|
1178
|
-
}
|
|
1179
|
-
.FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
|
|
1180
|
-
color: #ffffff;
|
|
1181
|
-
}
|
|
1182
|
-
|
|
1183
|
-
.FalconMainNavigation-module__s20-header__version-number___sPVVP {
|
|
1184
|
-
position: fixed;
|
|
1185
|
-
top: 0;
|
|
1186
|
-
left: 0;
|
|
1187
|
-
padding: 4px 8px;
|
|
1188
|
-
font-size: 14px;
|
|
1189
|
-
z-index: 10000;
|
|
1190
|
-
color: #5f5955;
|
|
1191
|
-
background: #ffffff;
|
|
1192
|
-
}
|
|
1193
|
-
@media (max-width: 850px) {
|
|
1194
|
-
.FalconMainNavigation-module__s20-header__version-number___sPVVP {
|
|
1195
|
-
padding: 0 4px;
|
|
1196
|
-
font-size: 8px;
|
|
1197
|
-
}
|
|
1198
|
-
}
|
|
1199
|
-
|
|
1200
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
|
|
1201
|
-
/* center a block element */
|
|
1202
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1203
|
-
/* setting styles in separate formats for cross browser support */
|
|
1204
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1205
|
-
/* vertically center alilgn any HTML element */
|
|
1206
|
-
/* add basePath to assets */
|
|
1207
|
-
@keyframes CartDotLoader-module__dotBounce___Gv8-6 {
|
|
1208
|
-
0%, 80%, 100% {
|
|
1209
|
-
transform: translateY(0);
|
|
1210
|
-
}
|
|
1211
|
-
40% {
|
|
1212
|
-
transform: translateY(-10px);
|
|
1213
|
-
}
|
|
1214
|
-
}
|
|
1215
|
-
.CartDotLoader-module__loaderWrapper___PmIHe {
|
|
1216
|
-
display: flex;
|
|
1217
|
-
flex-direction: column;
|
|
1218
|
-
align-items: center;
|
|
1219
|
-
justify-content: center;
|
|
1220
|
-
gap: 20px;
|
|
1221
|
-
height: 100%;
|
|
1222
|
-
min-height: 200px;
|
|
1223
|
-
padding: 40px 24px;
|
|
1224
|
-
}
|
|
1225
|
-
|
|
1226
|
-
.CartDotLoader-module__dots___OiUF- {
|
|
1227
|
-
display: flex;
|
|
1228
|
-
align-items: center;
|
|
1229
|
-
gap: 8px;
|
|
1230
|
-
}
|
|
1231
|
-
|
|
1232
|
-
.CartDotLoader-module__dot___RsJtn {
|
|
1233
|
-
display: block;
|
|
1234
|
-
width: 12px;
|
|
1235
|
-
height: 12px;
|
|
1236
|
-
border-radius: 50%;
|
|
1237
|
-
background-color: #da291c;
|
|
1238
|
-
animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
|
|
1239
|
-
}
|
|
1240
|
-
.CartDotLoader-module__dot___RsJtn:nth-child(1) {
|
|
1241
|
-
animation-delay: 0s;
|
|
1242
|
-
}
|
|
1243
|
-
.CartDotLoader-module__dot___RsJtn:nth-child(2) {
|
|
1244
|
-
animation-delay: 0.2s;
|
|
1245
|
-
}
|
|
1246
|
-
.CartDotLoader-module__dot___RsJtn:nth-child(3) {
|
|
1247
|
-
animation-delay: 0.4s;
|
|
1248
|
-
}
|
|
1249
|
-
.CartDotLoader-module__dot___RsJtn:nth-child(4) {
|
|
1250
|
-
animation-delay: 0.6s;
|
|
1251
|
-
}
|
|
1252
|
-
|
|
1253
|
-
.CartDotLoader-module__loaderText___7uOK9 {
|
|
1254
|
-
font-size: 16px;
|
|
1255
|
-
line-height: 24px;
|
|
1256
|
-
font-weight: 700;
|
|
1257
|
-
color: #3d3935;
|
|
1258
|
-
margin: 0;
|
|
1259
|
-
text-align: center;
|
|
1260
|
-
}
|
|
1261
|
-
|
|
1262
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
|
|
1263
|
-
/* center a block element */
|
|
1264
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1265
|
-
/* setting styles in separate formats for cross browser support */
|
|
1266
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1267
|
-
/* vertically center alilgn any HTML element */
|
|
1268
|
-
/* add basePath to assets */
|
|
1269
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
|
|
1270
|
-
font-weight: unset;
|
|
1271
|
-
}
|
|
1272
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
|
|
1273
|
-
position: relative;
|
|
1274
|
-
color: #333333;
|
|
1275
|
-
display: -webkit-box;
|
|
1276
|
-
font-size: 16px;
|
|
1277
|
-
line-height: 24px;
|
|
1278
|
-
display: flex;
|
|
1279
|
-
height: auto;
|
|
1280
|
-
text-decoration: none;
|
|
1281
|
-
padding: 10px 10px 10px 10px;
|
|
1282
|
-
margin-bottom: 4px;
|
|
1283
|
-
background-color: #ffffff;
|
|
1284
|
-
}
|
|
1285
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
|
|
1286
|
-
border: 1px solid #e8e8e8;
|
|
1287
|
-
}
|
|
1288
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
|
|
1289
|
-
position: absolute;
|
|
1290
|
-
left: 10px;
|
|
1291
|
-
}
|
|
1292
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
|
|
1293
|
-
position: absolute;
|
|
1294
|
-
right: 10px;
|
|
1295
|
-
}
|
|
1296
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
1297
|
-
transition: transform 0.2s ease;
|
|
1298
|
-
}
|
|
1299
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
|
|
1300
|
-
display: block;
|
|
1301
|
-
flex-shrink: 0;
|
|
1302
|
-
height: 24px;
|
|
1303
|
-
width: 24px;
|
|
1304
|
-
margin-right: 8px;
|
|
1305
|
-
}
|
|
1306
|
-
|
|
1307
|
-
.MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
1308
|
-
transform: rotate(-180deg);
|
|
1309
|
-
}
|
|
1310
|
-
|
|
1311
|
-
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
|
|
1312
|
-
background-color: #1f1f1f;
|
|
1313
|
-
color: #ffffff;
|
|
1314
|
-
border: 1px solid #2c2c2c;
|
|
1315
|
-
}
|
|
1316
|
-
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
|
|
1317
|
-
filter: brightness(0) invert(0.9);
|
|
1318
|
-
}
|
|
1319
|
-
|
|
1320
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
|
|
1321
|
-
/* center a block element */
|
|
1322
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1323
|
-
/* setting styles in separate formats for cross browser support */
|
|
1324
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1325
|
-
/* vertically center alilgn any HTML element */
|
|
1326
|
-
/* add basePath to assets */
|
|
1327
|
-
.BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
|
|
1328
|
-
margin-left: 0 !important;
|
|
1329
|
-
}
|
|
1330
|
-
|
|
1331
|
-
.BusinessCustomerLinkOut-module__icon___lYHUm {
|
|
1332
|
-
padding: 14px 8px 18px 8px;
|
|
1333
|
-
cursor: pointer;
|
|
1334
|
-
}
|
|
1335
|
-
.BusinessCustomerLinkOut-module__icon___lYHUm img {
|
|
1336
|
-
margin-left: 0px !important;
|
|
1337
|
-
padding-left: 8px;
|
|
1338
|
-
}
|
|
1339
|
-
|
|
1340
|
-
.BusinessCustomerLinkOut-module__icon1___VBeT5 {
|
|
1341
|
-
color: #da291c;
|
|
1342
|
-
background-color: #ffffff;
|
|
1343
|
-
padding: 14px 8px 18px 8px;
|
|
1344
|
-
border-radius: 4px 4px 0 0;
|
|
1345
|
-
}
|
|
1346
|
-
.BusinessCustomerLinkOut-module__icon1___VBeT5 img {
|
|
1347
|
-
color: #da291c;
|
|
1348
|
-
margin-left: 0px !important;
|
|
1349
|
-
padding-left: unset;
|
|
1350
|
-
padding-right: 8px;
|
|
1351
|
-
transform: rotate(-180deg);
|
|
1352
|
-
}
|
|
1353
|
-
|
|
1354
|
-
.BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
|
|
1355
|
-
color: #da291c !important;
|
|
1356
|
-
}
|
|
1357
|
-
.BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1358
|
-
border-radius: 4px 4px 0 0;
|
|
1359
|
-
background-color: #ffffff;
|
|
1360
|
-
padding: 14px 8px 18px 8px;
|
|
1361
|
-
}
|
|
1362
|
-
|
|
1363
|
-
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
|
|
1364
|
-
color: unset !important;
|
|
1365
|
-
}
|
|
1366
|
-
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
|
|
1367
|
-
background-color: unset;
|
|
1368
|
-
}
|
|
1369
|
-
|
|
1370
|
-
.BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1371
|
-
background-color: transparent;
|
|
1372
|
-
}
|
|
1373
|
-
|
|
1374
|
-
.BusinessCustomerLinkOut-module__login-flyover___9GsNf {
|
|
1375
|
-
margin-left: 0px !important;
|
|
1376
|
-
position: absolute;
|
|
1377
|
-
min-width: 214px;
|
|
1378
|
-
display: block;
|
|
1379
|
-
padding: 36px 32px 36px 32px;
|
|
1380
|
-
font-size: 18px;
|
|
1381
|
-
line-height: 24px;
|
|
1382
|
-
border: 0;
|
|
1383
|
-
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
1384
|
-
background-color: #ffffff;
|
|
1385
|
-
border-radius: 0 0 8px 8px;
|
|
1386
|
-
z-index: 1;
|
|
1387
|
-
}
|
|
1388
|
-
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
|
|
1389
|
-
margin-left: 0 !important;
|
|
1390
|
-
padding-top: 18px;
|
|
1391
|
-
}
|
|
1392
|
-
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
|
|
1393
|
-
padding-top: 28px;
|
|
1394
|
-
}
|
|
1395
|
-
.BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
|
|
1396
|
-
border-bottom: 1px solid #e6e3df;
|
|
1397
|
-
padding-bottom: 18px;
|
|
1398
|
-
}
|
|
1399
|
-
|
|
1400
|
-
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1401
|
-
background-color: #111111;
|
|
1402
|
-
}
|
|
1403
|
-
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
|
|
1404
|
-
background-color: #1f1f1f;
|
|
1405
|
-
}
|
|
1406
|
-
|
|
1407
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
|
|
1408
|
-
/* center a block element */
|
|
1409
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1410
|
-
/* setting styles in separate formats for cross browser support */
|
|
1411
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1412
|
-
/* vertically center alilgn any HTML element */
|
|
1413
|
-
/* add basePath to assets */
|
|
1414
|
-
.SubNavigation-module__container___Wb5XN {
|
|
1415
|
-
background-color: #ffffff;
|
|
1416
|
-
color: #575452;
|
|
1417
|
-
border-radius: 0px 0px 8px 8px;
|
|
1418
|
-
margin: 0 auto;
|
|
1419
|
-
max-width: 1308px;
|
|
1420
|
-
min-height: 47px;
|
|
1421
|
-
-webkit-align-items: center;
|
|
1422
|
-
-moz-align-items: center;
|
|
1423
|
-
-o-align-items: center;
|
|
1424
|
-
align-items: center;
|
|
1425
|
-
}
|
|
1426
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
|
|
1427
|
-
font-size: 14px;
|
|
1428
|
-
line-height: 20px;
|
|
1429
|
-
font-weight: 700;
|
|
1430
|
-
}
|
|
1431
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
|
|
1432
|
-
margin-left: 0 !important;
|
|
1433
|
-
margin-top: 0 !important;
|
|
1434
|
-
font-size: 18px;
|
|
1435
|
-
line-height: 24px;
|
|
1436
|
-
font-weight: 400;
|
|
1437
|
-
display: block !important;
|
|
1438
|
-
}
|
|
1439
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
|
|
1440
|
-
padding-bottom: 28px;
|
|
1441
|
-
}
|
|
1442
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
|
|
1443
|
-
font-size: 14px;
|
|
1444
|
-
line-height: 20px;
|
|
1445
|
-
color: #7A7A7B;
|
|
1446
|
-
font-weight: 700;
|
|
1447
|
-
padding-bottom: 28px;
|
|
1448
|
-
}
|
|
1449
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
|
|
1450
|
-
display: flex;
|
|
1451
|
-
grid-column: 2;
|
|
1452
|
-
grid-template-columns: repeat(auto-fit, 20%);
|
|
1453
|
-
padding: 24px 32px;
|
|
1454
|
-
}
|
|
1455
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
|
|
1456
|
-
border-left: 1px solid #e6e3df;
|
|
1457
|
-
padding-left: 24px;
|
|
1458
|
-
padding-right: 24px;
|
|
1459
|
-
max-width: 248px;
|
|
1460
|
-
}
|
|
1461
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1462
|
-
padding-left: 0;
|
|
1463
|
-
border: none;
|
|
1464
|
-
}
|
|
1465
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
|
|
1466
|
-
margin-left: 4px;
|
|
1467
|
-
vertical-align: middle;
|
|
1468
|
-
height: 24px;
|
|
1469
|
-
width: 24px;
|
|
1470
|
-
}
|
|
1471
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
|
|
1472
|
-
margin-left: 0;
|
|
1473
|
-
margin-right: 4px;
|
|
1474
|
-
}
|
|
1475
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
|
|
1476
|
-
white-space: nowrap;
|
|
1477
|
-
display: inline-flex;
|
|
1478
|
-
align-items: center;
|
|
1479
|
-
}
|
|
1480
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1481
|
-
display: flex;
|
|
1482
|
-
align-items: flex-start;
|
|
1483
|
-
gap: 4px;
|
|
1484
|
-
white-space: normal;
|
|
1485
|
-
max-width: 100%;
|
|
1486
|
-
}
|
|
1487
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
|
|
1488
|
-
white-space: normal;
|
|
1489
|
-
min-width: 0;
|
|
1490
|
-
}
|
|
1491
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1492
|
-
white-space: normal;
|
|
1493
|
-
align-items: flex-start;
|
|
1494
|
-
gap: 4px;
|
|
1495
|
-
}
|
|
1496
|
-
|
|
1497
|
-
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
|
|
1498
|
-
background-color: #1f1f1f;
|
|
1499
|
-
color: #ffffff;
|
|
1500
|
-
}
|
|
1501
|
-
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
|
|
1502
|
-
color: #ffffff;
|
|
1503
|
-
}
|
|
1504
|
-
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
|
|
1505
|
-
color: #ffffff;
|
|
1506
|
-
}
|
|
1507
|
-
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
|
|
1508
|
-
color: #ffffff;
|
|
1509
|
-
}
|
|
1510
|
-
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
|
|
1511
|
-
border-left: 1px solid #86807c;
|
|
1512
|
-
}
|
|
1513
|
-
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1514
|
-
border: none;
|
|
1515
|
-
}
|
|
1516
|
-
|
|
1517
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
|
|
1518
|
-
/* center a block element */
|
|
1519
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1520
|
-
/* setting styles in separate formats for cross browser support */
|
|
1521
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1522
|
-
/* vertically center alilgn any HTML element */
|
|
1523
|
-
/* add basePath to assets */
|
|
1524
|
-
.cart-overlay-panel.offcanvas {
|
|
1525
|
-
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
|
|
1526
|
-
z-index: 2147483002;
|
|
1527
|
-
}
|
|
1528
|
-
|
|
1529
|
-
.cart-overlay-panel .offcanvas-header {
|
|
1530
|
-
padding: 20px 16px;
|
|
1531
|
-
gap: 24px;
|
|
1532
|
-
align-items: center;
|
|
1533
|
-
background: #ffffff;
|
|
1534
|
-
border-bottom: 1px solid #e6e3df;
|
|
1535
|
-
}
|
|
1536
|
-
|
|
1537
|
-
.cart-overlay-panel .offcanvas-title {
|
|
1538
|
-
display: flex;
|
|
1539
|
-
flex-direction: column;
|
|
1540
|
-
align-items: flex-start;
|
|
1541
|
-
gap: 2px;
|
|
1542
|
-
font-size: 24px;
|
|
1543
|
-
line-height: 32px;
|
|
1544
|
-
font-weight: 700;
|
|
1545
|
-
color: #3d3935;
|
|
1546
|
-
}
|
|
1547
|
-
@media (max-width: 1023px) {
|
|
1548
|
-
.cart-overlay-panel .offcanvas-title {
|
|
1549
|
-
font-size: 20px;
|
|
1550
|
-
line-height: 28px;
|
|
1551
|
-
}
|
|
1552
|
-
}
|
|
1553
|
-
|
|
1554
|
-
.cart-overlay-panel .btn-close {
|
|
1555
|
-
opacity: 0.7;
|
|
1556
|
-
width: 20px;
|
|
1557
|
-
height: 20px;
|
|
1558
|
-
}
|
|
1559
|
-
.cart-overlay-panel .btn-close:hover {
|
|
1560
|
-
opacity: 1;
|
|
1561
|
-
}
|
|
1562
|
-
|
|
1563
|
-
.cart-overlay-panel .offcanvas-body {
|
|
1564
|
-
padding: 0;
|
|
1565
|
-
overflow-y: auto;
|
|
1566
|
-
display: flex;
|
|
1567
|
-
flex-direction: column;
|
|
1568
|
-
background: #f7f6f5;
|
|
1569
|
-
}
|
|
1570
|
-
|
|
1571
|
-
.cart-overlay-panel.offcanvas-bottom {
|
|
1572
|
-
border-radius: 8px 8px 0 0 !important;
|
|
1573
|
-
width: 100% !important;
|
|
1574
|
-
overflow: hidden;
|
|
1575
|
-
}
|
|
1576
|
-
|
|
1577
|
-
.CartOverlay-module__backdrop___lMc-O {
|
|
1578
|
-
position: fixed;
|
|
1579
|
-
inset: 0;
|
|
1580
|
-
z-index: 1040;
|
|
1581
|
-
background: rgba(42, 42, 42, 0.7);
|
|
1582
|
-
animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
1287
|
+
letter-spacing: 1px;
|
|
1288
|
+
text-transform: uppercase;
|
|
1289
|
+
}
|
|
1290
|
+
.ProfileLinkOut-module__mysunrise___F326W {
|
|
1291
|
+
color: #da291c;
|
|
1292
|
+
font-weight: 700;
|
|
1293
|
+
font-size: 18px;
|
|
1294
|
+
line-height: 24px;
|
|
1295
|
+
background-color: #ffffff;
|
|
1296
|
+
padding: 10px;
|
|
1297
|
+
margin-bottom: 4px;
|
|
1298
|
+
}
|
|
1299
|
+
.ProfileLinkOut-module__mysunrise___F326W a:hover {
|
|
1300
|
+
font-weight: unset;
|
|
1301
|
+
}
|
|
1302
|
+
.ProfileLinkOut-module__logout___GfbcJ {
|
|
1303
|
+
color: #3d3935;
|
|
1304
|
+
font-weight: 400;
|
|
1305
|
+
background-color: #ffffff;
|
|
1306
|
+
padding: 10px;
|
|
1307
|
+
font-size: 18px;
|
|
1308
|
+
line-height: 24px;
|
|
1309
|
+
position: relative;
|
|
1310
|
+
}
|
|
1311
|
+
.ProfileLinkOut-module__logout___GfbcJ img {
|
|
1312
|
+
position: absolute;
|
|
1313
|
+
padding-left: 10px;
|
|
1314
|
+
}
|
|
1583
1315
|
}
|
|
1584
1316
|
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1317
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
|
|
1318
|
+
/* center a block element */
|
|
1319
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1320
|
+
/* setting styles in separate formats for cross browser support */
|
|
1321
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1322
|
+
/* vertically center alilgn any HTML element */
|
|
1323
|
+
/* add basePath to assets */
|
|
1324
|
+
@keyframes CartDotLoader-module__dotBounce___Gv8-6 {
|
|
1325
|
+
0%, 80%, 100% {
|
|
1326
|
+
transform: translateY(0);
|
|
1588
1327
|
}
|
|
1589
|
-
|
|
1590
|
-
|
|
1328
|
+
40% {
|
|
1329
|
+
transform: translateY(-10px);
|
|
1591
1330
|
}
|
|
1592
1331
|
}
|
|
1593
|
-
.
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1332
|
+
.CartDotLoader-module__loaderWrapper___PmIHe {
|
|
1333
|
+
display: flex;
|
|
1334
|
+
flex-direction: column;
|
|
1335
|
+
align-items: center;
|
|
1336
|
+
justify-content: center;
|
|
1337
|
+
gap: 20px;
|
|
1338
|
+
height: 100%;
|
|
1339
|
+
min-height: 200px;
|
|
1340
|
+
padding: 40px 24px;
|
|
1597
1341
|
}
|
|
1598
1342
|
|
|
1599
|
-
.
|
|
1343
|
+
.CartDotLoader-module__dots___OiUF- {
|
|
1600
1344
|
display: flex;
|
|
1601
1345
|
align-items: center;
|
|
1602
|
-
justify-content: center;
|
|
1603
|
-
width: 100%;
|
|
1604
|
-
padding: 14px 24px;
|
|
1605
1346
|
gap: 8px;
|
|
1606
|
-
background: none;
|
|
1607
|
-
border: 2px solid #da291c;
|
|
1608
|
-
border-radius: 28px;
|
|
1609
|
-
font-size: 16px;
|
|
1610
|
-
line-height: 24px;
|
|
1611
|
-
font-weight: 600;
|
|
1612
|
-
color: #da291c;
|
|
1613
|
-
text-align: center;
|
|
1614
|
-
cursor: pointer;
|
|
1615
|
-
transition: background-color 0.15s ease;
|
|
1616
1347
|
}
|
|
1617
|
-
|
|
1618
|
-
|
|
1348
|
+
|
|
1349
|
+
.CartDotLoader-module__dot___RsJtn {
|
|
1350
|
+
display: block;
|
|
1351
|
+
width: 12px;
|
|
1352
|
+
height: 12px;
|
|
1353
|
+
border-radius: 50%;
|
|
1354
|
+
background-color: #da291c;
|
|
1355
|
+
animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
|
|
1619
1356
|
}
|
|
1620
|
-
.
|
|
1621
|
-
|
|
1622
|
-
|
|
1357
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(1) {
|
|
1358
|
+
animation-delay: 0s;
|
|
1359
|
+
}
|
|
1360
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(2) {
|
|
1361
|
+
animation-delay: 0.2s;
|
|
1362
|
+
}
|
|
1363
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(3) {
|
|
1364
|
+
animation-delay: 0.4s;
|
|
1365
|
+
}
|
|
1366
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(4) {
|
|
1367
|
+
animation-delay: 0.6s;
|
|
1623
1368
|
}
|
|
1624
1369
|
|
|
1625
|
-
.
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
font-
|
|
1629
|
-
line-height: 28px;
|
|
1370
|
+
.CartDotLoader-module__loaderText___7uOK9 {
|
|
1371
|
+
font-size: 16px;
|
|
1372
|
+
line-height: 24px;
|
|
1373
|
+
font-weight: 700;
|
|
1630
1374
|
color: #3d3935;
|
|
1375
|
+
margin: 0;
|
|
1631
1376
|
text-align: center;
|
|
1632
1377
|
}
|
|
1633
1378
|
|
|
@@ -1679,6 +1424,64 @@
|
|
|
1679
1424
|
border-radius: 2px;
|
|
1680
1425
|
}
|
|
1681
1426
|
|
|
1427
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
|
|
1428
|
+
/* center a block element */
|
|
1429
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1430
|
+
/* setting styles in separate formats for cross browser support */
|
|
1431
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1432
|
+
/* vertically center alilgn any HTML element */
|
|
1433
|
+
/* add basePath to assets */
|
|
1434
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
|
|
1435
|
+
font-weight: unset;
|
|
1436
|
+
}
|
|
1437
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
|
|
1438
|
+
position: relative;
|
|
1439
|
+
color: #333333;
|
|
1440
|
+
display: -webkit-box;
|
|
1441
|
+
font-size: 16px;
|
|
1442
|
+
line-height: 24px;
|
|
1443
|
+
display: flex;
|
|
1444
|
+
height: auto;
|
|
1445
|
+
text-decoration: none;
|
|
1446
|
+
padding: 10px 10px 10px 10px;
|
|
1447
|
+
margin-bottom: 4px;
|
|
1448
|
+
background-color: #ffffff;
|
|
1449
|
+
}
|
|
1450
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
|
|
1451
|
+
border: 1px solid #e8e8e8;
|
|
1452
|
+
}
|
|
1453
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
|
|
1454
|
+
position: absolute;
|
|
1455
|
+
left: 10px;
|
|
1456
|
+
}
|
|
1457
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
|
|
1458
|
+
position: absolute;
|
|
1459
|
+
right: 10px;
|
|
1460
|
+
}
|
|
1461
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
1462
|
+
transition: transform 0.2s ease;
|
|
1463
|
+
}
|
|
1464
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
|
|
1465
|
+
display: block;
|
|
1466
|
+
flex-shrink: 0;
|
|
1467
|
+
height: 24px;
|
|
1468
|
+
width: 24px;
|
|
1469
|
+
margin-right: 8px;
|
|
1470
|
+
}
|
|
1471
|
+
|
|
1472
|
+
.MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
1473
|
+
transform: rotate(-180deg);
|
|
1474
|
+
}
|
|
1475
|
+
|
|
1476
|
+
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
|
|
1477
|
+
background-color: #1f1f1f;
|
|
1478
|
+
color: #ffffff;
|
|
1479
|
+
border: 1px solid #2c2c2c;
|
|
1480
|
+
}
|
|
1481
|
+
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
|
|
1482
|
+
filter: brightness(0) invert(0.9);
|
|
1483
|
+
}
|
|
1484
|
+
|
|
1682
1485
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
|
|
1683
1486
|
/* center a block element */
|
|
1684
1487
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -1802,34 +1605,121 @@
|
|
|
1802
1605
|
flex: 1;
|
|
1803
1606
|
padding: 12px 8px;
|
|
1804
1607
|
background-color: #ffffff;
|
|
1805
|
-
border: none;
|
|
1806
|
-
border-radius: 8px;
|
|
1807
|
-
text-decoration: none;
|
|
1808
|
-
color: #3d3935;
|
|
1809
|
-
font-size: 12px;
|
|
1810
|
-
line-height: 16px;
|
|
1811
|
-
font-weight: 500;
|
|
1812
|
-
text-align: center;
|
|
1813
|
-
transition: background-color 0.15s ease;
|
|
1608
|
+
border: none;
|
|
1609
|
+
border-radius: 8px;
|
|
1610
|
+
text-decoration: none;
|
|
1611
|
+
color: #3d3935;
|
|
1612
|
+
font-size: 12px;
|
|
1613
|
+
line-height: 16px;
|
|
1614
|
+
font-weight: 500;
|
|
1615
|
+
text-align: center;
|
|
1616
|
+
transition: background-color 0.15s ease;
|
|
1617
|
+
}
|
|
1618
|
+
.EmptyCart-module__categoryLink___YxsmA:hover {
|
|
1619
|
+
background-color: #f8f8f8;
|
|
1620
|
+
text-decoration: none;
|
|
1621
|
+
color: #3d3935;
|
|
1622
|
+
}
|
|
1623
|
+
.EmptyCart-module__categoryLink___YxsmA:focus-visible {
|
|
1624
|
+
outline: 2px solid #e6003c;
|
|
1625
|
+
outline-offset: 2px;
|
|
1626
|
+
}
|
|
1627
|
+
|
|
1628
|
+
.EmptyCart-module__categoryLinkIcon___HjhbO {
|
|
1629
|
+
display: flex;
|
|
1630
|
+
align-items: center;
|
|
1631
|
+
justify-content: center;
|
|
1632
|
+
}
|
|
1633
|
+
|
|
1634
|
+
.EmptyCart-module__categoryLinkLabel___1dS9s {
|
|
1635
|
+
line-height: 1.3;
|
|
1636
|
+
}
|
|
1637
|
+
|
|
1638
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
|
|
1639
|
+
/* center a block element */
|
|
1640
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1641
|
+
/* setting styles in separate formats for cross browser support */
|
|
1642
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1643
|
+
/* vertically center alilgn any HTML element */
|
|
1644
|
+
/* add basePath to assets */
|
|
1645
|
+
.BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
|
|
1646
|
+
margin-left: 0 !important;
|
|
1647
|
+
}
|
|
1648
|
+
|
|
1649
|
+
.BusinessCustomerLinkOut-module__icon___lYHUm {
|
|
1650
|
+
padding: 14px 8px 18px 8px;
|
|
1651
|
+
cursor: pointer;
|
|
1652
|
+
}
|
|
1653
|
+
.BusinessCustomerLinkOut-module__icon___lYHUm img {
|
|
1654
|
+
margin-left: 0px !important;
|
|
1655
|
+
padding-left: 8px;
|
|
1656
|
+
}
|
|
1657
|
+
|
|
1658
|
+
.BusinessCustomerLinkOut-module__icon1___VBeT5 {
|
|
1659
|
+
color: #da291c;
|
|
1660
|
+
background-color: #ffffff;
|
|
1661
|
+
padding: 14px 8px 18px 8px;
|
|
1662
|
+
border-radius: 4px 4px 0 0;
|
|
1663
|
+
}
|
|
1664
|
+
.BusinessCustomerLinkOut-module__icon1___VBeT5 img {
|
|
1665
|
+
color: #da291c;
|
|
1666
|
+
margin-left: 0px !important;
|
|
1667
|
+
padding-left: unset;
|
|
1668
|
+
padding-right: 8px;
|
|
1669
|
+
transform: rotate(-180deg);
|
|
1670
|
+
}
|
|
1671
|
+
|
|
1672
|
+
.BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
|
|
1673
|
+
color: #da291c !important;
|
|
1674
|
+
}
|
|
1675
|
+
.BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1676
|
+
border-radius: 4px 4px 0 0;
|
|
1677
|
+
background-color: #ffffff;
|
|
1678
|
+
padding: 14px 8px 18px 8px;
|
|
1679
|
+
}
|
|
1680
|
+
|
|
1681
|
+
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
|
|
1682
|
+
color: unset !important;
|
|
1683
|
+
}
|
|
1684
|
+
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
|
|
1685
|
+
background-color: unset;
|
|
1686
|
+
}
|
|
1687
|
+
|
|
1688
|
+
.BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1689
|
+
background-color: transparent;
|
|
1690
|
+
}
|
|
1691
|
+
|
|
1692
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf {
|
|
1693
|
+
margin-left: 0px !important;
|
|
1694
|
+
position: absolute;
|
|
1695
|
+
min-width: 214px;
|
|
1696
|
+
display: block;
|
|
1697
|
+
padding: 36px 32px 36px 32px;
|
|
1698
|
+
font-size: 18px;
|
|
1699
|
+
line-height: 24px;
|
|
1700
|
+
border: 0;
|
|
1701
|
+
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
1702
|
+
background-color: #ffffff;
|
|
1703
|
+
border-radius: 0 0 8px 8px;
|
|
1704
|
+
z-index: 1;
|
|
1814
1705
|
}
|
|
1815
|
-
.
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
color: #3d3935;
|
|
1706
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
|
|
1707
|
+
margin-left: 0 !important;
|
|
1708
|
+
padding-top: 18px;
|
|
1819
1709
|
}
|
|
1820
|
-
.
|
|
1821
|
-
|
|
1822
|
-
outline-offset: 2px;
|
|
1710
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
|
|
1711
|
+
padding-top: 28px;
|
|
1823
1712
|
}
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
align-items: center;
|
|
1828
|
-
justify-content: center;
|
|
1713
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
|
|
1714
|
+
border-bottom: 1px solid #e6e3df;
|
|
1715
|
+
padding-bottom: 18px;
|
|
1829
1716
|
}
|
|
1830
1717
|
|
|
1831
|
-
.
|
|
1832
|
-
|
|
1718
|
+
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1719
|
+
background-color: #111111;
|
|
1720
|
+
}
|
|
1721
|
+
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
|
|
1722
|
+
background-color: #1f1f1f;
|
|
1833
1723
|
}
|
|
1834
1724
|
|
|
1835
1725
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
|
|
@@ -1918,98 +1808,114 @@
|
|
|
1918
1808
|
outline-offset: 2px;
|
|
1919
1809
|
}
|
|
1920
1810
|
|
|
1921
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/
|
|
1811
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
|
|
1922
1812
|
/* center a block element */
|
|
1923
1813
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1924
1814
|
/* setting styles in separate formats for cross browser support */
|
|
1925
1815
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1926
1816
|
/* vertically center alilgn any HTML element */
|
|
1927
1817
|
/* add basePath to assets */
|
|
1928
|
-
.
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
|
|
1818
|
+
.SubNavigation-module__container___Wb5XN {
|
|
1819
|
+
background-color: #ffffff;
|
|
1820
|
+
color: #575452;
|
|
1821
|
+
border-radius: 0px 0px 8px 8px;
|
|
1822
|
+
margin: 0 auto;
|
|
1823
|
+
max-width: 1308px;
|
|
1824
|
+
min-height: 47px;
|
|
1825
|
+
-webkit-align-items: center;
|
|
1826
|
+
-moz-align-items: center;
|
|
1827
|
+
-o-align-items: center;
|
|
1828
|
+
align-items: center;
|
|
1935
1829
|
}
|
|
1936
|
-
.
|
|
1937
|
-
cursor: unset;
|
|
1938
|
-
padding: 20px 10px 4px;
|
|
1939
|
-
color: #858585;
|
|
1940
|
-
letter-spacing: 1px;
|
|
1941
|
-
text-transform: uppercase;
|
|
1830
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
|
|
1942
1831
|
font-size: 14px;
|
|
1943
1832
|
line-height: 20px;
|
|
1944
|
-
font-weight:
|
|
1833
|
+
font-weight: 700;
|
|
1945
1834
|
}
|
|
1946
|
-
.
|
|
1947
|
-
|
|
1948
|
-
|
|
1835
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
|
|
1836
|
+
margin-left: 0 !important;
|
|
1837
|
+
margin-top: 0 !important;
|
|
1838
|
+
font-size: 18px;
|
|
1839
|
+
line-height: 24px;
|
|
1840
|
+
font-weight: 400;
|
|
1841
|
+
display: block !important;
|
|
1949
1842
|
}
|
|
1950
|
-
.
|
|
1951
|
-
|
|
1843
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
|
|
1844
|
+
padding-bottom: 28px;
|
|
1952
1845
|
}
|
|
1953
|
-
.
|
|
1954
|
-
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1846
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
|
|
1847
|
+
font-size: 14px;
|
|
1848
|
+
line-height: 20px;
|
|
1849
|
+
color: #7A7A7B;
|
|
1850
|
+
font-weight: 700;
|
|
1851
|
+
padding-bottom: 28px;
|
|
1958
1852
|
}
|
|
1959
|
-
.
|
|
1853
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
|
|
1854
|
+
display: flex;
|
|
1855
|
+
grid-column: 2;
|
|
1856
|
+
grid-template-columns: repeat(auto-fit, 20%);
|
|
1857
|
+
padding: 24px 32px;
|
|
1858
|
+
}
|
|
1859
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
|
|
1860
|
+
border-left: 1px solid #e6e3df;
|
|
1861
|
+
padding-left: 24px;
|
|
1862
|
+
padding-right: 24px;
|
|
1863
|
+
max-width: 248px;
|
|
1864
|
+
}
|
|
1865
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1866
|
+
padding-left: 0;
|
|
1867
|
+
border: none;
|
|
1868
|
+
}
|
|
1869
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
|
|
1960
1870
|
margin-left: 4px;
|
|
1961
|
-
|
|
1871
|
+
vertical-align: middle;
|
|
1962
1872
|
height: 24px;
|
|
1963
1873
|
width: 24px;
|
|
1964
1874
|
}
|
|
1965
|
-
.
|
|
1875
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
|
|
1966
1876
|
margin-left: 0;
|
|
1967
1877
|
margin-right: 4px;
|
|
1968
1878
|
}
|
|
1969
|
-
.
|
|
1879
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
|
|
1970
1880
|
white-space: nowrap;
|
|
1971
1881
|
display: inline-flex;
|
|
1972
1882
|
align-items: center;
|
|
1973
1883
|
}
|
|
1974
|
-
.
|
|
1884
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1975
1885
|
display: flex;
|
|
1976
1886
|
align-items: flex-start;
|
|
1977
1887
|
gap: 4px;
|
|
1978
1888
|
white-space: normal;
|
|
1979
1889
|
max-width: 100%;
|
|
1980
1890
|
}
|
|
1981
|
-
.
|
|
1891
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
|
|
1982
1892
|
white-space: normal;
|
|
1983
1893
|
min-width: 0;
|
|
1984
1894
|
}
|
|
1985
|
-
.
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
display: block;
|
|
1990
|
-
height: auto;
|
|
1895
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1896
|
+
white-space: normal;
|
|
1897
|
+
align-items: flex-start;
|
|
1898
|
+
gap: 4px;
|
|
1991
1899
|
}
|
|
1992
|
-
|
|
1993
|
-
|
|
1900
|
+
|
|
1901
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
|
|
1902
|
+
background-color: #1f1f1f;
|
|
1903
|
+
color: #ffffff;
|
|
1994
1904
|
}
|
|
1995
|
-
.
|
|
1996
|
-
|
|
1905
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
|
|
1906
|
+
color: #ffffff;
|
|
1997
1907
|
}
|
|
1998
|
-
|
|
1999
|
-
|
|
2000
|
-
color: #f2f2f2;
|
|
1908
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
|
|
1909
|
+
color: #ffffff;
|
|
2001
1910
|
}
|
|
2002
|
-
.
|
|
2003
|
-
background-color: #1f1f1f;
|
|
2004
|
-
border: 1px solid #2c2c2c;
|
|
1911
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
|
|
2005
1912
|
color: #ffffff;
|
|
2006
1913
|
}
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
max-height: 200vh;
|
|
1914
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
|
|
1915
|
+
border-left: 1px solid #86807c;
|
|
2010
1916
|
}
|
|
2011
|
-
.
|
|
2012
|
-
|
|
1917
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1918
|
+
border: none;
|
|
2013
1919
|
}
|
|
2014
1920
|
|
|
2015
1921
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
|
|
@@ -2170,3 +2076,97 @@
|
|
|
2170
2076
|
padding: 16px;
|
|
2171
2077
|
}
|
|
2172
2078
|
}
|
|
2079
|
+
|
|
2080
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
|
|
2081
|
+
/* center a block element */
|
|
2082
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
2083
|
+
/* setting styles in separate formats for cross browser support */
|
|
2084
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
2085
|
+
/* vertically center alilgn any HTML element */
|
|
2086
|
+
/* add basePath to assets */
|
|
2087
|
+
.MobileSubNavigation-module__container___1tQpO {
|
|
2088
|
+
max-height: 0px;
|
|
2089
|
+
overflow: hidden;
|
|
2090
|
+
transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
2091
|
+
transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
2092
|
+
transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9), -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
2093
|
+
width: 100%;
|
|
2094
|
+
}
|
|
2095
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
|
|
2096
|
+
cursor: unset;
|
|
2097
|
+
padding: 20px 10px 4px;
|
|
2098
|
+
color: #858585;
|
|
2099
|
+
letter-spacing: 1px;
|
|
2100
|
+
text-transform: uppercase;
|
|
2101
|
+
font-size: 14px;
|
|
2102
|
+
line-height: 20px;
|
|
2103
|
+
font-weight: 500;
|
|
2104
|
+
}
|
|
2105
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
2106
|
+
background-color: #ffffff;
|
|
2107
|
+
padding: 10px;
|
|
2108
|
+
}
|
|
2109
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
|
|
2110
|
+
border: 1px solid #e8e8e8;
|
|
2111
|
+
}
|
|
2112
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
2113
|
+
color: #333333;
|
|
2114
|
+
font-weight: 500;
|
|
2115
|
+
font-size: 16px;
|
|
2116
|
+
line-height: 24px;
|
|
2117
|
+
}
|
|
2118
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
|
|
2119
|
+
margin-left: 4px;
|
|
2120
|
+
flex-shrink: 0;
|
|
2121
|
+
height: 24px;
|
|
2122
|
+
width: 24px;
|
|
2123
|
+
}
|
|
2124
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
|
|
2125
|
+
margin-left: 0;
|
|
2126
|
+
margin-right: 4px;
|
|
2127
|
+
}
|
|
2128
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
|
|
2129
|
+
white-space: nowrap;
|
|
2130
|
+
display: inline-flex;
|
|
2131
|
+
align-items: center;
|
|
2132
|
+
}
|
|
2133
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
|
|
2134
|
+
display: flex;
|
|
2135
|
+
align-items: flex-start;
|
|
2136
|
+
gap: 4px;
|
|
2137
|
+
white-space: normal;
|
|
2138
|
+
max-width: 100%;
|
|
2139
|
+
}
|
|
2140
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
|
|
2141
|
+
white-space: normal;
|
|
2142
|
+
min-width: 0;
|
|
2143
|
+
}
|
|
2144
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
2145
|
+
display: none;
|
|
2146
|
+
}
|
|
2147
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
|
|
2148
|
+
display: block;
|
|
2149
|
+
height: auto;
|
|
2150
|
+
}
|
|
2151
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
|
|
2152
|
+
padding: 0 0 24px 16px;
|
|
2153
|
+
}
|
|
2154
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
|
|
2155
|
+
padding-bottom: 4px;
|
|
2156
|
+
}
|
|
2157
|
+
|
|
2158
|
+
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
|
|
2159
|
+
color: #f2f2f2;
|
|
2160
|
+
}
|
|
2161
|
+
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
2162
|
+
background-color: #1f1f1f;
|
|
2163
|
+
border: 1px solid #2c2c2c;
|
|
2164
|
+
color: #ffffff;
|
|
2165
|
+
}
|
|
2166
|
+
|
|
2167
|
+
.active-link .MobileSubNavigation-module__container___1tQpO {
|
|
2168
|
+
max-height: 200vh;
|
|
2169
|
+
}
|
|
2170
|
+
.active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
2171
|
+
display: block;
|
|
2172
|
+
}
|