@sunrise-upc/sales-static-components 3.8.7-beta.6 → 3.8.7-beta.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js +1 -1
- package/dist/cjs/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js.map +1 -1
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js +1 -1
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +1 -1
- package/dist/cjs/components/RibbonRenderer/RibbonRenderer.js +1 -1
- package/dist/cjs/components/RibbonRenderer/RibbonRenderer.js.map +1 -1
- package/dist/cjs/components/StageTeaserV3/StageTeaserV3.js +1 -1
- package/dist/cjs/components/StageTeaserV3/StageTeaserV3.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/services/customerSegmentSync.js +1 -1
- package/dist/cjs/services/customerSegmentSync.js.map +1 -1
- package/dist/esm/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js +1 -1
- package/dist/esm/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js.map +1 -1
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js +1 -1
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +1 -1
- package/dist/esm/components/RibbonRenderer/RibbonRenderer.js +1 -1
- package/dist/esm/components/RibbonRenderer/RibbonRenderer.js.map +1 -1
- package/dist/esm/components/StageTeaserV3/StageTeaserV3.js +1 -1
- package/dist/esm/components/StageTeaserV3/StageTeaserV3.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/services/customerSegmentSync.js +1 -1
- package/dist/esm/services/customerSegmentSync.js.map +1 -1
- package/dist/index.d.ts +4 -1
- package/dist/navigation.css +303 -303
- package/package.json +1 -1
package/dist/navigation.css
CHANGED
|
@@ -1,3 +1,137 @@
|
|
|
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
|
+
|
|
1
135
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
|
|
2
136
|
/* center a block element */
|
|
3
137
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -765,185 +899,51 @@
|
|
|
765
899
|
text-align: center;
|
|
766
900
|
}
|
|
767
901
|
|
|
768
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/
|
|
902
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
|
|
769
903
|
/* center a block element */
|
|
770
904
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
771
905
|
/* setting styles in separate formats for cross browser support */
|
|
772
906
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
773
907
|
/* vertically center alilgn any HTML element */
|
|
774
908
|
/* add basePath to assets */
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
background-color: #ffffff;
|
|
778
|
-
border-top: 4px solid #da291c;
|
|
779
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
780
|
-
height: 72px;
|
|
781
|
-
}
|
|
782
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
783
|
-
position: fixed;
|
|
784
|
-
top: 0;
|
|
785
|
-
left: 0;
|
|
786
|
-
padding: 4px 8px;
|
|
787
|
-
font-size: 14px;
|
|
788
|
-
z-index: 10000;
|
|
789
|
-
color: #5f5955;
|
|
790
|
-
background: #ffffff;
|
|
791
|
-
}
|
|
909
|
+
.LocaleSelector-module__button___0LEXR {
|
|
910
|
+
position: relative;
|
|
792
911
|
}
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
912
|
+
.LocaleSelector-module__button___0LEXR button {
|
|
913
|
+
background-color: transparent;
|
|
914
|
+
color: #3d3935;
|
|
915
|
+
border: 0;
|
|
916
|
+
border-radius: 4px;
|
|
917
|
+
padding-bottom: 5px;
|
|
918
|
+
cursor: pointer;
|
|
919
|
+
height: 42px;
|
|
920
|
+
font-size: 14px;
|
|
921
|
+
line-height: 20px;
|
|
922
|
+
width: 100%;
|
|
798
923
|
}
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
align-items: center;
|
|
808
|
-
margin: 10px 0;
|
|
809
|
-
}
|
|
810
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
811
|
-
padding-left: 10px;
|
|
812
|
-
}
|
|
813
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
814
|
-
float: right;
|
|
815
|
-
display: flex;
|
|
816
|
-
margin: 24px 0 24px 0;
|
|
817
|
-
}
|
|
818
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
819
|
-
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
820
|
-
background-repeat: no-repeat;
|
|
821
|
-
background-size: contain;
|
|
822
|
-
display: block;
|
|
823
|
-
height: 24px;
|
|
824
|
-
margin-right: 6px;
|
|
825
|
-
width: 24px;
|
|
826
|
-
}
|
|
827
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
828
|
-
color: #da291c;
|
|
829
|
-
font-weight: 700;
|
|
830
|
-
font-size: 18px;
|
|
831
|
-
line-height: 24px;
|
|
832
|
-
}
|
|
924
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
|
|
925
|
+
background-position: center center;
|
|
926
|
+
background-repeat: no-repeat;
|
|
927
|
+
height: 8px;
|
|
928
|
+
margin-left: 10px;
|
|
929
|
+
margin-top: 2px;
|
|
930
|
+
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
|
|
931
|
+
width: 14px;
|
|
833
932
|
}
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
}
|
|
849
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
|
|
850
|
-
margin-top: 12px;
|
|
851
|
-
}
|
|
852
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
|
|
853
|
-
height: 24px;
|
|
854
|
-
width: 24px;
|
|
855
|
-
float: left;
|
|
856
|
-
}
|
|
857
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
858
|
-
margin-top: 8px;
|
|
859
|
-
padding-left: 6px;
|
|
860
|
-
}
|
|
861
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
|
|
862
|
-
height: 20px;
|
|
863
|
-
}
|
|
864
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
865
|
-
float: right;
|
|
866
|
-
display: flex;
|
|
867
|
-
margin: 12px 0 12px 0;
|
|
868
|
-
}
|
|
869
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
870
|
-
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
871
|
-
background-repeat: no-repeat;
|
|
872
|
-
background-size: contain;
|
|
873
|
-
display: block;
|
|
874
|
-
height: 20px;
|
|
875
|
-
margin-right: 6px;
|
|
876
|
-
width: 20px;
|
|
877
|
-
}
|
|
878
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
879
|
-
color: #da291c;
|
|
880
|
-
font-weight: 700;
|
|
881
|
-
font-size: 18px;
|
|
882
|
-
line-height: 24px;
|
|
883
|
-
}
|
|
884
|
-
}
|
|
885
|
-
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
886
|
-
position: fixed;
|
|
887
|
-
top: 0;
|
|
888
|
-
left: 0;
|
|
889
|
-
padding: 4px 8px;
|
|
890
|
-
font-size: 14px;
|
|
891
|
-
z-index: 10000;
|
|
892
|
-
color: #5f5955;
|
|
893
|
-
background: #ffffff;
|
|
894
|
-
}
|
|
895
|
-
@media (max-width: 850px) {
|
|
896
|
-
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
897
|
-
padding: 0 4px;
|
|
898
|
-
font-size: 8px;
|
|
899
|
-
}
|
|
900
|
-
}
|
|
901
|
-
|
|
902
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
|
|
903
|
-
/* center a block element */
|
|
904
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
905
|
-
/* setting styles in separate formats for cross browser support */
|
|
906
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
907
|
-
/* vertically center alilgn any HTML element */
|
|
908
|
-
/* add basePath to assets */
|
|
909
|
-
.LocaleSelector-module__button___0LEXR {
|
|
910
|
-
position: relative;
|
|
911
|
-
}
|
|
912
|
-
.LocaleSelector-module__button___0LEXR button {
|
|
913
|
-
background-color: transparent;
|
|
914
|
-
color: #3d3935;
|
|
915
|
-
border: 0;
|
|
916
|
-
border-radius: 4px;
|
|
917
|
-
padding-bottom: 5px;
|
|
918
|
-
cursor: pointer;
|
|
919
|
-
height: 42px;
|
|
920
|
-
font-size: 14px;
|
|
921
|
-
line-height: 20px;
|
|
922
|
-
width: 100%;
|
|
923
|
-
}
|
|
924
|
-
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
|
|
925
|
-
background-position: center center;
|
|
926
|
-
background-repeat: no-repeat;
|
|
927
|
-
height: 8px;
|
|
928
|
-
margin-left: 10px;
|
|
929
|
-
margin-top: 2px;
|
|
930
|
-
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
|
|
931
|
-
width: 14px;
|
|
932
|
-
}
|
|
933
|
-
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
|
|
934
|
-
-webkit-transform: rotate(-180deg);
|
|
935
|
-
-moz-transform: rotate(-180deg);
|
|
936
|
-
-o-transform: rotate(-180deg);
|
|
937
|
-
transform: rotate(-180deg);
|
|
938
|
-
}
|
|
939
|
-
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
|
|
940
|
-
padding: 24px 32px;
|
|
941
|
-
background-color: #ffffff;
|
|
942
|
-
transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
|
|
943
|
-
}
|
|
944
|
-
@media (max-width: 1023px) {
|
|
945
|
-
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
|
|
946
|
-
transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
|
|
933
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
|
|
934
|
+
-webkit-transform: rotate(-180deg);
|
|
935
|
+
-moz-transform: rotate(-180deg);
|
|
936
|
+
-o-transform: rotate(-180deg);
|
|
937
|
+
transform: rotate(-180deg);
|
|
938
|
+
}
|
|
939
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
|
|
940
|
+
padding: 24px 32px;
|
|
941
|
+
background-color: #ffffff;
|
|
942
|
+
transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
|
|
943
|
+
}
|
|
944
|
+
@media (max-width: 1023px) {
|
|
945
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
|
|
946
|
+
transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
|
|
947
947
|
}
|
|
948
948
|
}
|
|
949
949
|
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
|
|
@@ -1349,6 +1349,54 @@
|
|
|
1349
1349
|
text-align: center;
|
|
1350
1350
|
}
|
|
1351
1351
|
|
|
1352
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
|
|
1353
|
+
/* center a block element */
|
|
1354
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1355
|
+
/* setting styles in separate formats for cross browser support */
|
|
1356
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1357
|
+
/* vertically center alilgn any HTML element */
|
|
1358
|
+
/* add basePath to assets */
|
|
1359
|
+
.CartHeader-module__headerTitle___35F6g {
|
|
1360
|
+
display: flex;
|
|
1361
|
+
align-items: center;
|
|
1362
|
+
gap: 8px;
|
|
1363
|
+
}
|
|
1364
|
+
|
|
1365
|
+
.CartHeader-module__headerItemCount___g1Ynd {
|
|
1366
|
+
font-size: 24px;
|
|
1367
|
+
line-height: 32px;
|
|
1368
|
+
font-weight: 400;
|
|
1369
|
+
color: #3d3935;
|
|
1370
|
+
}
|
|
1371
|
+
@media (max-width: 1023px) {
|
|
1372
|
+
.CartHeader-module__headerItemCount___g1Ynd {
|
|
1373
|
+
font-size: 20px;
|
|
1374
|
+
line-height: 28px;
|
|
1375
|
+
}
|
|
1376
|
+
}
|
|
1377
|
+
|
|
1378
|
+
.CartHeader-module__clearAllButton___B3bNF {
|
|
1379
|
+
display: inline;
|
|
1380
|
+
background: none;
|
|
1381
|
+
border: none;
|
|
1382
|
+
padding: 0;
|
|
1383
|
+
cursor: pointer;
|
|
1384
|
+
font-size: 14px;
|
|
1385
|
+
line-height: 20px;
|
|
1386
|
+
font-weight: 400;
|
|
1387
|
+
color: #da291c;
|
|
1388
|
+
text-decoration: underline;
|
|
1389
|
+
text-underline-offset: 2px;
|
|
1390
|
+
}
|
|
1391
|
+
.CartHeader-module__clearAllButton___B3bNF:hover {
|
|
1392
|
+
color: #961c13;
|
|
1393
|
+
}
|
|
1394
|
+
.CartHeader-module__clearAllButton___B3bNF:focus-visible {
|
|
1395
|
+
outline: 2px solid #da291c;
|
|
1396
|
+
outline-offset: 2px;
|
|
1397
|
+
border-radius: 2px;
|
|
1398
|
+
}
|
|
1399
|
+
|
|
1352
1400
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
|
|
1353
1401
|
/* center a block element */
|
|
1354
1402
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -1576,6 +1624,91 @@
|
|
|
1576
1624
|
background-color: #1f1f1f;
|
|
1577
1625
|
}
|
|
1578
1626
|
|
|
1627
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
|
|
1628
|
+
/* center a block element */
|
|
1629
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1630
|
+
/* setting styles in separate formats for cross browser support */
|
|
1631
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1632
|
+
/* vertically center alilgn any HTML element */
|
|
1633
|
+
/* add basePath to assets */
|
|
1634
|
+
.CartClearConfirm-module__overlay___sxCOO {
|
|
1635
|
+
position: absolute;
|
|
1636
|
+
inset: 0;
|
|
1637
|
+
z-index: 10;
|
|
1638
|
+
background: rgba(0, 0, 0, 0.5);
|
|
1639
|
+
display: flex;
|
|
1640
|
+
align-items: center;
|
|
1641
|
+
justify-content: center;
|
|
1642
|
+
padding: 24px;
|
|
1643
|
+
}
|
|
1644
|
+
|
|
1645
|
+
.CartClearConfirm-module__dialog___UWokE {
|
|
1646
|
+
background: #ffffff;
|
|
1647
|
+
border-radius: 16px;
|
|
1648
|
+
padding: 24px;
|
|
1649
|
+
width: 100%;
|
|
1650
|
+
max-width: 320px;
|
|
1651
|
+
display: flex;
|
|
1652
|
+
flex-direction: column;
|
|
1653
|
+
gap: 24px;
|
|
1654
|
+
}
|
|
1655
|
+
|
|
1656
|
+
.CartClearConfirm-module__message___vd9VO {
|
|
1657
|
+
font-size: 18px;
|
|
1658
|
+
line-height: 26px;
|
|
1659
|
+
font-weight: 700;
|
|
1660
|
+
color: #3d3935;
|
|
1661
|
+
text-align: center;
|
|
1662
|
+
}
|
|
1663
|
+
|
|
1664
|
+
.CartClearConfirm-module__actions___X0-0w {
|
|
1665
|
+
display: flex;
|
|
1666
|
+
gap: 12px;
|
|
1667
|
+
}
|
|
1668
|
+
|
|
1669
|
+
.CartClearConfirm-module__cancelButton___LYopb {
|
|
1670
|
+
flex: 1;
|
|
1671
|
+
height: 48px;
|
|
1672
|
+
background: none;
|
|
1673
|
+
border: 2px solid #3d3935;
|
|
1674
|
+
border-radius: 28px;
|
|
1675
|
+
font-size: 16px;
|
|
1676
|
+
line-height: 24px;
|
|
1677
|
+
font-weight: 600;
|
|
1678
|
+
color: #3d3935;
|
|
1679
|
+
cursor: pointer;
|
|
1680
|
+
transition: background-color 0.15s ease;
|
|
1681
|
+
}
|
|
1682
|
+
.CartClearConfirm-module__cancelButton___LYopb:hover {
|
|
1683
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
1684
|
+
}
|
|
1685
|
+
.CartClearConfirm-module__cancelButton___LYopb:focus-visible {
|
|
1686
|
+
outline: 2px solid #3d3935;
|
|
1687
|
+
outline-offset: 2px;
|
|
1688
|
+
}
|
|
1689
|
+
|
|
1690
|
+
.CartClearConfirm-module__confirmButton___KgPKy {
|
|
1691
|
+
flex: 1;
|
|
1692
|
+
height: 48px;
|
|
1693
|
+
background: #3d3935;
|
|
1694
|
+
border: 2px solid #3d3935;
|
|
1695
|
+
border-radius: 28px;
|
|
1696
|
+
font-size: 16px;
|
|
1697
|
+
line-height: 24px;
|
|
1698
|
+
font-weight: 600;
|
|
1699
|
+
color: #ffffff;
|
|
1700
|
+
cursor: pointer;
|
|
1701
|
+
transition: background-color 0.15s ease;
|
|
1702
|
+
}
|
|
1703
|
+
.CartClearConfirm-module__confirmButton___KgPKy:hover {
|
|
1704
|
+
background-color: #3d3935;
|
|
1705
|
+
border-color: #3d3935;
|
|
1706
|
+
}
|
|
1707
|
+
.CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
|
|
1708
|
+
outline: 2px solid #3d3935;
|
|
1709
|
+
outline-offset: 2px;
|
|
1710
|
+
}
|
|
1711
|
+
|
|
1579
1712
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
|
|
1580
1713
|
/* center a block element */
|
|
1581
1714
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -1960,139 +2093,6 @@
|
|
|
1960
2093
|
}
|
|
1961
2094
|
}
|
|
1962
2095
|
|
|
1963
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
|
|
1964
|
-
/* center a block element */
|
|
1965
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1966
|
-
/* setting styles in separate formats for cross browser support */
|
|
1967
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1968
|
-
/* vertically center alilgn any HTML element */
|
|
1969
|
-
/* add basePath to assets */
|
|
1970
|
-
.CartHeader-module__headerTitle___35F6g {
|
|
1971
|
-
display: flex;
|
|
1972
|
-
align-items: center;
|
|
1973
|
-
gap: 8px;
|
|
1974
|
-
}
|
|
1975
|
-
|
|
1976
|
-
.CartHeader-module__headerItemCount___g1Ynd {
|
|
1977
|
-
font-size: 24px;
|
|
1978
|
-
line-height: 32px;
|
|
1979
|
-
font-weight: 400;
|
|
1980
|
-
color: #3d3935;
|
|
1981
|
-
}
|
|
1982
|
-
@media (max-width: 1023px) {
|
|
1983
|
-
.CartHeader-module__headerItemCount___g1Ynd {
|
|
1984
|
-
font-size: 20px;
|
|
1985
|
-
line-height: 28px;
|
|
1986
|
-
}
|
|
1987
|
-
}
|
|
1988
|
-
|
|
1989
|
-
.CartHeader-module__clearAllButton___B3bNF {
|
|
1990
|
-
display: inline;
|
|
1991
|
-
background: none;
|
|
1992
|
-
border: none;
|
|
1993
|
-
padding: 0;
|
|
1994
|
-
cursor: pointer;
|
|
1995
|
-
font-size: 14px;
|
|
1996
|
-
line-height: 20px;
|
|
1997
|
-
font-weight: 400;
|
|
1998
|
-
color: #da291c;
|
|
1999
|
-
text-decoration: underline;
|
|
2000
|
-
text-underline-offset: 2px;
|
|
2001
|
-
}
|
|
2002
|
-
.CartHeader-module__clearAllButton___B3bNF:hover {
|
|
2003
|
-
color: #961c13;
|
|
2004
|
-
}
|
|
2005
|
-
.CartHeader-module__clearAllButton___B3bNF:focus-visible {
|
|
2006
|
-
outline: 2px solid #da291c;
|
|
2007
|
-
outline-offset: 2px;
|
|
2008
|
-
border-radius: 2px;
|
|
2009
|
-
}
|
|
2010
|
-
|
|
2011
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
|
|
2012
|
-
/* center a block element */
|
|
2013
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
2014
|
-
/* setting styles in separate formats for cross browser support */
|
|
2015
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
2016
|
-
/* vertically center alilgn any HTML element */
|
|
2017
|
-
/* add basePath to assets */
|
|
2018
|
-
.CartClearConfirm-module__overlay___sxCOO {
|
|
2019
|
-
position: absolute;
|
|
2020
|
-
inset: 0;
|
|
2021
|
-
z-index: 10;
|
|
2022
|
-
background: rgba(0, 0, 0, 0.5);
|
|
2023
|
-
display: flex;
|
|
2024
|
-
align-items: center;
|
|
2025
|
-
justify-content: center;
|
|
2026
|
-
padding: 24px;
|
|
2027
|
-
}
|
|
2028
|
-
|
|
2029
|
-
.CartClearConfirm-module__dialog___UWokE {
|
|
2030
|
-
background: #ffffff;
|
|
2031
|
-
border-radius: 16px;
|
|
2032
|
-
padding: 24px;
|
|
2033
|
-
width: 100%;
|
|
2034
|
-
max-width: 320px;
|
|
2035
|
-
display: flex;
|
|
2036
|
-
flex-direction: column;
|
|
2037
|
-
gap: 24px;
|
|
2038
|
-
}
|
|
2039
|
-
|
|
2040
|
-
.CartClearConfirm-module__message___vd9VO {
|
|
2041
|
-
font-size: 18px;
|
|
2042
|
-
line-height: 26px;
|
|
2043
|
-
font-weight: 700;
|
|
2044
|
-
color: #3d3935;
|
|
2045
|
-
text-align: center;
|
|
2046
|
-
}
|
|
2047
|
-
|
|
2048
|
-
.CartClearConfirm-module__actions___X0-0w {
|
|
2049
|
-
display: flex;
|
|
2050
|
-
gap: 12px;
|
|
2051
|
-
}
|
|
2052
|
-
|
|
2053
|
-
.CartClearConfirm-module__cancelButton___LYopb {
|
|
2054
|
-
flex: 1;
|
|
2055
|
-
height: 48px;
|
|
2056
|
-
background: none;
|
|
2057
|
-
border: 2px solid #3d3935;
|
|
2058
|
-
border-radius: 28px;
|
|
2059
|
-
font-size: 16px;
|
|
2060
|
-
line-height: 24px;
|
|
2061
|
-
font-weight: 600;
|
|
2062
|
-
color: #3d3935;
|
|
2063
|
-
cursor: pointer;
|
|
2064
|
-
transition: background-color 0.15s ease;
|
|
2065
|
-
}
|
|
2066
|
-
.CartClearConfirm-module__cancelButton___LYopb:hover {
|
|
2067
|
-
background-color: rgba(0, 0, 0, 0.05);
|
|
2068
|
-
}
|
|
2069
|
-
.CartClearConfirm-module__cancelButton___LYopb:focus-visible {
|
|
2070
|
-
outline: 2px solid #3d3935;
|
|
2071
|
-
outline-offset: 2px;
|
|
2072
|
-
}
|
|
2073
|
-
|
|
2074
|
-
.CartClearConfirm-module__confirmButton___KgPKy {
|
|
2075
|
-
flex: 1;
|
|
2076
|
-
height: 48px;
|
|
2077
|
-
background: #3d3935;
|
|
2078
|
-
border: 2px solid #3d3935;
|
|
2079
|
-
border-radius: 28px;
|
|
2080
|
-
font-size: 16px;
|
|
2081
|
-
line-height: 24px;
|
|
2082
|
-
font-weight: 600;
|
|
2083
|
-
color: #ffffff;
|
|
2084
|
-
cursor: pointer;
|
|
2085
|
-
transition: background-color 0.15s ease;
|
|
2086
|
-
}
|
|
2087
|
-
.CartClearConfirm-module__confirmButton___KgPKy:hover {
|
|
2088
|
-
background-color: #3d3935;
|
|
2089
|
-
border-color: #3d3935;
|
|
2090
|
-
}
|
|
2091
|
-
.CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
|
|
2092
|
-
outline: 2px solid #3d3935;
|
|
2093
|
-
outline-offset: 2px;
|
|
2094
|
-
}
|
|
2095
|
-
|
|
2096
2096
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
|
|
2097
2097
|
/* center a block element */
|
|
2098
2098
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|