@sunrise-upc/sales-static-components 4.1.0-beta.0 → 4.1.0-beta.1
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/QuickLinks/QuickLinkItem.css +2 -2
- package/dist/cjs/components/QuickLinks/QuickLinkItem.module.scss.css +2 -2
- package/dist/cjs/components/QuickLinks/QuickLinks.css +2 -2
- package/dist/esm/components/QuickLinks/QuickLinkItem.css +2 -2
- package/dist/esm/components/QuickLinks/QuickLinkItem.module.scss.css +2 -2
- package/dist/esm/components/QuickLinks/QuickLinks.css +2 -2
- package/dist/navigation.css +182 -182
- package/package.json +1 -1
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
padding: 16px 0 16px;
|
|
10
10
|
color: #333333;
|
|
11
11
|
z-index: 3;
|
|
12
|
-
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
13
12
|
}
|
|
14
13
|
@media (min-width: 1440px) {
|
|
15
14
|
.QuickLinkItem-module__list-container___kSBN6 .QuickLinkItem-module__list-item___6J34w {
|
|
@@ -85,6 +84,7 @@
|
|
|
85
84
|
padding: 8px 0 20px;
|
|
86
85
|
height: 84px;
|
|
87
86
|
z-index: 3;
|
|
87
|
+
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
88
88
|
}
|
|
89
89
|
.QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon___qw54f {
|
|
90
90
|
width: 24px;
|
|
@@ -119,7 +119,6 @@
|
|
|
119
119
|
height: 140px;
|
|
120
120
|
padding: 16px 0 16px;
|
|
121
121
|
color: #3d3935;
|
|
122
|
-
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
123
122
|
}
|
|
124
123
|
@media (min-width: 1440px) {
|
|
125
124
|
.QuickLinkItem-module__falcon-list-container___8-YfJ .QuickLinkItem-module__list-item___6J34w {
|
|
@@ -163,6 +162,7 @@
|
|
|
163
162
|
padding: 8px 0 20px;
|
|
164
163
|
height: 84px;
|
|
165
164
|
z-index: 3;
|
|
165
|
+
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
168
|
.QuickLinkItem-module__title-container___1-wry {
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
padding: 16px 0 16px;
|
|
10
10
|
color: #333333;
|
|
11
11
|
z-index: 3;
|
|
12
|
-
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
13
12
|
}
|
|
14
13
|
@media (min-width: 1440px) {
|
|
15
14
|
.QuickLinkItem-module__list-container___kSBN6 .QuickLinkItem-module__list-item___6J34w {
|
|
@@ -85,6 +84,7 @@
|
|
|
85
84
|
padding: 8px 0 20px;
|
|
86
85
|
height: 84px;
|
|
87
86
|
z-index: 3;
|
|
87
|
+
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
88
88
|
}
|
|
89
89
|
.QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon___qw54f {
|
|
90
90
|
width: 24px;
|
|
@@ -119,7 +119,6 @@
|
|
|
119
119
|
height: 140px;
|
|
120
120
|
padding: 16px 0 16px;
|
|
121
121
|
color: #3d3935;
|
|
122
|
-
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
123
122
|
}
|
|
124
123
|
@media (min-width: 1440px) {
|
|
125
124
|
.QuickLinkItem-module__falcon-list-container___8-YfJ .QuickLinkItem-module__list-item___6J34w {
|
|
@@ -163,6 +162,7 @@
|
|
|
163
162
|
padding: 8px 0 20px;
|
|
164
163
|
height: 84px;
|
|
165
164
|
z-index: 3;
|
|
165
|
+
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
168
|
.QuickLinkItem-module__title-container___1-wry {
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
padding: 16px 0 16px;
|
|
10
10
|
color: #333333;
|
|
11
11
|
z-index: 3;
|
|
12
|
-
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
13
12
|
}
|
|
14
13
|
@media (min-width: 1440px) {
|
|
15
14
|
.QuickLinkItem-module__list-container___kSBN6 .QuickLinkItem-module__list-item___6J34w {
|
|
@@ -85,6 +84,7 @@
|
|
|
85
84
|
padding: 8px 0 20px;
|
|
86
85
|
height: 84px;
|
|
87
86
|
z-index: 3;
|
|
87
|
+
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
88
88
|
}
|
|
89
89
|
.QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon___qw54f {
|
|
90
90
|
width: 24px;
|
|
@@ -119,7 +119,6 @@
|
|
|
119
119
|
height: 140px;
|
|
120
120
|
padding: 16px 0 16px;
|
|
121
121
|
color: #3d3935;
|
|
122
|
-
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
123
122
|
}
|
|
124
123
|
@media (min-width: 1440px) {
|
|
125
124
|
.QuickLinkItem-module__falcon-list-container___8-YfJ .QuickLinkItem-module__list-item___6J34w {
|
|
@@ -163,6 +162,7 @@
|
|
|
163
162
|
padding: 8px 0 20px;
|
|
164
163
|
height: 84px;
|
|
165
164
|
z-index: 3;
|
|
165
|
+
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
168
|
.QuickLinkItem-module__title-container___1-wry {
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
padding: 16px 0 16px;
|
|
10
10
|
color: #333333;
|
|
11
11
|
z-index: 3;
|
|
12
|
-
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
13
12
|
}
|
|
14
13
|
@media (min-width: 1440px) {
|
|
15
14
|
.QuickLinkItem-module__list-container___kSBN6 .QuickLinkItem-module__list-item___6J34w {
|
|
@@ -85,6 +84,7 @@
|
|
|
85
84
|
padding: 8px 0 20px;
|
|
86
85
|
height: 84px;
|
|
87
86
|
z-index: 3;
|
|
87
|
+
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
88
88
|
}
|
|
89
89
|
.QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon___qw54f {
|
|
90
90
|
width: 24px;
|
|
@@ -119,7 +119,6 @@
|
|
|
119
119
|
height: 140px;
|
|
120
120
|
padding: 16px 0 16px;
|
|
121
121
|
color: #3d3935;
|
|
122
|
-
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
123
122
|
}
|
|
124
123
|
@media (min-width: 1440px) {
|
|
125
124
|
.QuickLinkItem-module__falcon-list-container___8-YfJ .QuickLinkItem-module__list-item___6J34w {
|
|
@@ -163,6 +162,7 @@
|
|
|
163
162
|
padding: 8px 0 20px;
|
|
164
163
|
height: 84px;
|
|
165
164
|
z-index: 3;
|
|
165
|
+
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
168
|
.QuickLinkItem-module__title-container___1-wry {
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
padding: 16px 0 16px;
|
|
10
10
|
color: #333333;
|
|
11
11
|
z-index: 3;
|
|
12
|
-
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
13
12
|
}
|
|
14
13
|
@media (min-width: 1440px) {
|
|
15
14
|
.QuickLinkItem-module__list-container___kSBN6 .QuickLinkItem-module__list-item___6J34w {
|
|
@@ -85,6 +84,7 @@
|
|
|
85
84
|
padding: 8px 0 20px;
|
|
86
85
|
height: 84px;
|
|
87
86
|
z-index: 3;
|
|
87
|
+
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
88
88
|
}
|
|
89
89
|
.QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon___qw54f {
|
|
90
90
|
width: 24px;
|
|
@@ -119,7 +119,6 @@
|
|
|
119
119
|
height: 140px;
|
|
120
120
|
padding: 16px 0 16px;
|
|
121
121
|
color: #3d3935;
|
|
122
|
-
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
123
122
|
}
|
|
124
123
|
@media (min-width: 1440px) {
|
|
125
124
|
.QuickLinkItem-module__falcon-list-container___8-YfJ .QuickLinkItem-module__list-item___6J34w {
|
|
@@ -163,6 +162,7 @@
|
|
|
163
162
|
padding: 8px 0 20px;
|
|
164
163
|
height: 84px;
|
|
165
164
|
z-index: 3;
|
|
165
|
+
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
168
|
.QuickLinkItem-module__title-container___1-wry {
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
padding: 16px 0 16px;
|
|
10
10
|
color: #333333;
|
|
11
11
|
z-index: 3;
|
|
12
|
-
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
13
12
|
}
|
|
14
13
|
@media (min-width: 1440px) {
|
|
15
14
|
.QuickLinkItem-module__list-container___kSBN6 .QuickLinkItem-module__list-item___6J34w {
|
|
@@ -85,6 +84,7 @@
|
|
|
85
84
|
padding: 8px 0 20px;
|
|
86
85
|
height: 84px;
|
|
87
86
|
z-index: 3;
|
|
87
|
+
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
88
88
|
}
|
|
89
89
|
.QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon___qw54f {
|
|
90
90
|
width: 24px;
|
|
@@ -119,7 +119,6 @@
|
|
|
119
119
|
height: 140px;
|
|
120
120
|
padding: 16px 0 16px;
|
|
121
121
|
color: #3d3935;
|
|
122
|
-
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
123
122
|
}
|
|
124
123
|
@media (min-width: 1440px) {
|
|
125
124
|
.QuickLinkItem-module__falcon-list-container___8-YfJ .QuickLinkItem-module__list-item___6J34w {
|
|
@@ -163,6 +162,7 @@
|
|
|
163
162
|
padding: 8px 0 20px;
|
|
164
163
|
height: 84px;
|
|
165
164
|
z-index: 3;
|
|
165
|
+
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
168
|
.QuickLinkItem-module__title-container___1-wry {
|
package/dist/navigation.css
CHANGED
|
@@ -1,137 +1,3 @@
|
|
|
1
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
|
|
2
|
-
/* center a block element */
|
|
3
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
4
|
-
/* setting styles in separate formats for cross browser support */
|
|
5
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
6
|
-
/* vertically center alilgn any HTML element */
|
|
7
|
-
/* add basePath to assets */
|
|
8
|
-
@media (min-width: 768px) {
|
|
9
|
-
.MinimizedHeader-module__outer___JOzJC {
|
|
10
|
-
background-color: #ffffff;
|
|
11
|
-
border-top: 4px solid #da291c;
|
|
12
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
13
|
-
height: 72px;
|
|
14
|
-
}
|
|
15
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
16
|
-
position: fixed;
|
|
17
|
-
top: 0;
|
|
18
|
-
left: 0;
|
|
19
|
-
padding: 4px 8px;
|
|
20
|
-
font-size: 14px;
|
|
21
|
-
z-index: 10000;
|
|
22
|
-
color: #5f5955;
|
|
23
|
-
background: #ffffff;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
@media (min-width: 768px) and (max-width: 850px) {
|
|
27
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
28
|
-
padding: 0 4px;
|
|
29
|
-
font-size: 8px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
@media (min-width: 768px) {
|
|
33
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
34
|
-
width: 100%;
|
|
35
|
-
display: inline-block;
|
|
36
|
-
}
|
|
37
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
38
|
-
display: flex;
|
|
39
|
-
float: left;
|
|
40
|
-
align-items: center;
|
|
41
|
-
margin: 10px 0;
|
|
42
|
-
}
|
|
43
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
44
|
-
padding-left: 10px;
|
|
45
|
-
}
|
|
46
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
47
|
-
float: right;
|
|
48
|
-
display: flex;
|
|
49
|
-
margin: 24px 0 24px 0;
|
|
50
|
-
}
|
|
51
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
52
|
-
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
53
|
-
background-repeat: no-repeat;
|
|
54
|
-
background-size: contain;
|
|
55
|
-
display: block;
|
|
56
|
-
height: 24px;
|
|
57
|
-
margin-right: 6px;
|
|
58
|
-
width: 24px;
|
|
59
|
-
}
|
|
60
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
61
|
-
color: #da291c;
|
|
62
|
-
font-weight: 700;
|
|
63
|
-
font-size: 18px;
|
|
64
|
-
line-height: 24px;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
@media (max-width: 767px) {
|
|
68
|
-
.MinimizedHeader-module__outer___JOzJC {
|
|
69
|
-
background-color: #ffffff;
|
|
70
|
-
border-top: 4px solid #da291c;
|
|
71
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
72
|
-
height: 48px;
|
|
73
|
-
}
|
|
74
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
75
|
-
width: 100%;
|
|
76
|
-
display: inline-block;
|
|
77
|
-
}
|
|
78
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
79
|
-
display: flex;
|
|
80
|
-
float: left;
|
|
81
|
-
}
|
|
82
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
|
|
83
|
-
margin-top: 12px;
|
|
84
|
-
}
|
|
85
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
|
|
86
|
-
height: 24px;
|
|
87
|
-
width: 24px;
|
|
88
|
-
float: left;
|
|
89
|
-
}
|
|
90
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
91
|
-
margin-top: 8px;
|
|
92
|
-
padding-left: 6px;
|
|
93
|
-
}
|
|
94
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
|
|
95
|
-
height: 20px;
|
|
96
|
-
}
|
|
97
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
98
|
-
float: right;
|
|
99
|
-
display: flex;
|
|
100
|
-
margin: 12px 0 12px 0;
|
|
101
|
-
}
|
|
102
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
103
|
-
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
104
|
-
background-repeat: no-repeat;
|
|
105
|
-
background-size: contain;
|
|
106
|
-
display: block;
|
|
107
|
-
height: 20px;
|
|
108
|
-
margin-right: 6px;
|
|
109
|
-
width: 20px;
|
|
110
|
-
}
|
|
111
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
112
|
-
color: #da291c;
|
|
113
|
-
font-weight: 700;
|
|
114
|
-
font-size: 18px;
|
|
115
|
-
line-height: 24px;
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
119
|
-
position: fixed;
|
|
120
|
-
top: 0;
|
|
121
|
-
left: 0;
|
|
122
|
-
padding: 4px 8px;
|
|
123
|
-
font-size: 14px;
|
|
124
|
-
z-index: 10000;
|
|
125
|
-
color: #5f5955;
|
|
126
|
-
background: #ffffff;
|
|
127
|
-
}
|
|
128
|
-
@media (max-width: 850px) {
|
|
129
|
-
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
130
|
-
padding: 0 4px;
|
|
131
|
-
font-size: 8px;
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
|
|
135
1
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
|
|
136
2
|
/* center a block element */
|
|
137
3
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -915,6 +781,140 @@
|
|
|
915
781
|
text-align: center;
|
|
916
782
|
}
|
|
917
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
|
+
|
|
918
918
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
|
|
919
919
|
/* center a block element */
|
|
920
920
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -1365,6 +1365,54 @@
|
|
|
1365
1365
|
text-align: center;
|
|
1366
1366
|
}
|
|
1367
1367
|
|
|
1368
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
|
|
1369
|
+
/* center a block element */
|
|
1370
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1371
|
+
/* setting styles in separate formats for cross browser support */
|
|
1372
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1373
|
+
/* vertically center alilgn any HTML element */
|
|
1374
|
+
/* add basePath to assets */
|
|
1375
|
+
.CartHeader-module__headerTitle___35F6g {
|
|
1376
|
+
display: flex;
|
|
1377
|
+
align-items: center;
|
|
1378
|
+
gap: 8px;
|
|
1379
|
+
}
|
|
1380
|
+
|
|
1381
|
+
.CartHeader-module__headerItemCount___g1Ynd {
|
|
1382
|
+
font-size: 24px;
|
|
1383
|
+
line-height: 32px;
|
|
1384
|
+
font-weight: 400;
|
|
1385
|
+
color: #3d3935;
|
|
1386
|
+
}
|
|
1387
|
+
@media (max-width: 1023px) {
|
|
1388
|
+
.CartHeader-module__headerItemCount___g1Ynd {
|
|
1389
|
+
font-size: 20px;
|
|
1390
|
+
line-height: 28px;
|
|
1391
|
+
}
|
|
1392
|
+
}
|
|
1393
|
+
|
|
1394
|
+
.CartHeader-module__clearAllButton___B3bNF {
|
|
1395
|
+
display: inline;
|
|
1396
|
+
background: none;
|
|
1397
|
+
border: none;
|
|
1398
|
+
padding: 0;
|
|
1399
|
+
cursor: pointer;
|
|
1400
|
+
font-size: 14px;
|
|
1401
|
+
line-height: 20px;
|
|
1402
|
+
font-weight: 400;
|
|
1403
|
+
color: #da291c;
|
|
1404
|
+
text-decoration: underline;
|
|
1405
|
+
text-underline-offset: 2px;
|
|
1406
|
+
}
|
|
1407
|
+
.CartHeader-module__clearAllButton___B3bNF:hover {
|
|
1408
|
+
color: #961c13;
|
|
1409
|
+
}
|
|
1410
|
+
.CartHeader-module__clearAllButton___B3bNF:focus-visible {
|
|
1411
|
+
outline: 2px solid #da291c;
|
|
1412
|
+
outline-offset: 2px;
|
|
1413
|
+
border-radius: 2px;
|
|
1414
|
+
}
|
|
1415
|
+
|
|
1368
1416
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
|
|
1369
1417
|
/* center a block element */
|
|
1370
1418
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -1773,54 +1821,6 @@
|
|
|
1773
1821
|
border: none;
|
|
1774
1822
|
}
|
|
1775
1823
|
|
|
1776
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
|
|
1777
|
-
/* center a block element */
|
|
1778
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1779
|
-
/* setting styles in separate formats for cross browser support */
|
|
1780
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1781
|
-
/* vertically center alilgn any HTML element */
|
|
1782
|
-
/* add basePath to assets */
|
|
1783
|
-
.CartHeader-module__headerTitle___35F6g {
|
|
1784
|
-
display: flex;
|
|
1785
|
-
align-items: center;
|
|
1786
|
-
gap: 8px;
|
|
1787
|
-
}
|
|
1788
|
-
|
|
1789
|
-
.CartHeader-module__headerItemCount___g1Ynd {
|
|
1790
|
-
font-size: 24px;
|
|
1791
|
-
line-height: 32px;
|
|
1792
|
-
font-weight: 400;
|
|
1793
|
-
color: #3d3935;
|
|
1794
|
-
}
|
|
1795
|
-
@media (max-width: 1023px) {
|
|
1796
|
-
.CartHeader-module__headerItemCount___g1Ynd {
|
|
1797
|
-
font-size: 20px;
|
|
1798
|
-
line-height: 28px;
|
|
1799
|
-
}
|
|
1800
|
-
}
|
|
1801
|
-
|
|
1802
|
-
.CartHeader-module__clearAllButton___B3bNF {
|
|
1803
|
-
display: inline;
|
|
1804
|
-
background: none;
|
|
1805
|
-
border: none;
|
|
1806
|
-
padding: 0;
|
|
1807
|
-
cursor: pointer;
|
|
1808
|
-
font-size: 14px;
|
|
1809
|
-
line-height: 20px;
|
|
1810
|
-
font-weight: 400;
|
|
1811
|
-
color: #da291c;
|
|
1812
|
-
text-decoration: underline;
|
|
1813
|
-
text-underline-offset: 2px;
|
|
1814
|
-
}
|
|
1815
|
-
.CartHeader-module__clearAllButton___B3bNF:hover {
|
|
1816
|
-
color: #961c13;
|
|
1817
|
-
}
|
|
1818
|
-
.CartHeader-module__clearAllButton___B3bNF:focus-visible {
|
|
1819
|
-
outline: 2px solid #da291c;
|
|
1820
|
-
outline-offset: 2px;
|
|
1821
|
-
border-radius: 2px;
|
|
1822
|
-
}
|
|
1823
|
-
|
|
1824
1824
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
|
|
1825
1825
|
/* center a block element */
|
|
1826
1826
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|