ctt-babylon 0.9.0 → 0.9.2
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/esm2022/lib/components/core/babylon-av-c4-img-text/babylon-av-c4-img-text.component.mjs +11 -0
- package/esm2022/lib/components/core/babylon-av-c4-img-text/index.mjs +2 -0
- package/esm2022/lib/components/core/babylon-faq-v2/babylon-faq-v2.component.mjs +2 -2
- package/esm2022/lib/components/core/babylon-sli-c1-img-text/babylon-sli-c1-img-text.component.mjs +12 -0
- package/esm2022/lib/components/core/babylon-sli-c1-img-text/index.mjs +2 -0
- package/esm2022/lib/components/core/index.mjs +3 -1
- package/esm2022/lib/directives/babylon-sliders/babylon-swiper-slider.directive.mjs +2 -2
- package/fesm2022/ctt-babylon.mjs +21 -3
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-av-c4-img-text/babylon-av-c4-img-text.component.d.ts +5 -0
- package/lib/components/core/babylon-av-c4-img-text/index.d.ts +1 -0
- package/lib/components/core/babylon-sli-c1-img-text/babylon-sli-c1-img-text.component.d.ts +5 -0
- package/lib/components/core/babylon-sli-c1-img-text/index.d.ts +1 -0
- package/lib/components/core/index.d.ts +2 -0
- package/lib/styles/styles/babylon/common.css +1 -1
- package/lib/styles/styles/babylon/common.scss +7 -0
- package/lib/styles/styles/babylon/globals.css +1 -1
- package/lib/styles/styles/babylon/globals.scss +299 -18
- package/package.json +1 -1
|
@@ -68,6 +68,7 @@ a {
|
|
|
68
68
|
text-decoration: none;
|
|
69
69
|
@include transition-default;
|
|
70
70
|
outline: none;
|
|
71
|
+
cursor: pointer;
|
|
71
72
|
|
|
72
73
|
&:hover,
|
|
73
74
|
&:focus {
|
|
@@ -75,6 +76,13 @@ a {
|
|
|
75
76
|
text-decoration: none;
|
|
76
77
|
outline: none;
|
|
77
78
|
}
|
|
79
|
+
&.cs_site_branding {
|
|
80
|
+
height: 100%;
|
|
81
|
+
img {
|
|
82
|
+
height: 100%;
|
|
83
|
+
padding: 5px;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
78
86
|
}
|
|
79
87
|
|
|
80
88
|
/*-------- ESPACIOS --------*/
|
|
@@ -111,10 +119,11 @@ a {
|
|
|
111
119
|
@include transition-default;
|
|
112
120
|
border-radius: var(--btn_radius);
|
|
113
121
|
line-height: 1;
|
|
114
|
-
font-family: var(--font-
|
|
115
|
-
letter-spacing:
|
|
122
|
+
font-family: var(--font-btn);
|
|
123
|
+
letter-spacing: var(--ls_btn);
|
|
116
124
|
font-weight: var(--w_btn);
|
|
117
|
-
font-size:
|
|
125
|
+
font-size: var(--size_btn);
|
|
126
|
+
text-transform: var(--upper_btn);
|
|
118
127
|
cursor: pointer;
|
|
119
128
|
text-decoration: none;
|
|
120
129
|
span {
|
|
@@ -133,9 +142,16 @@ a {
|
|
|
133
142
|
position: relative;
|
|
134
143
|
}
|
|
135
144
|
}
|
|
145
|
+
b,
|
|
146
|
+
a {
|
|
147
|
+
color: var(--cl_btn-box-text);
|
|
148
|
+
font-weight: var(--w_btn);
|
|
149
|
+
font-size: var(--size_btn);
|
|
150
|
+
}
|
|
136
151
|
&:hover {
|
|
137
152
|
background-color: var(--cl_btn-box-hover);
|
|
138
153
|
color: var(--cl_btn-box-text-hover);
|
|
154
|
+
border-color: var(--cl_btn-box-hover);
|
|
139
155
|
span {
|
|
140
156
|
svg,
|
|
141
157
|
&:before {
|
|
@@ -144,9 +160,31 @@ a {
|
|
|
144
160
|
position: relative;
|
|
145
161
|
}
|
|
146
162
|
}
|
|
163
|
+
b {
|
|
164
|
+
color: var(--cl_btn-box-text-hover);
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
&.disabled,
|
|
168
|
+
.pointers-none {
|
|
169
|
+
color: grey;
|
|
170
|
+
pointer-events: none;
|
|
171
|
+
background-color: transparent;
|
|
172
|
+
border-color: grey;
|
|
173
|
+
opacity: 0.6;
|
|
174
|
+
b,
|
|
175
|
+
a {
|
|
176
|
+
color: grey;
|
|
177
|
+
}
|
|
178
|
+
span {
|
|
179
|
+
color: grey;
|
|
180
|
+
&:before {
|
|
181
|
+
color: grey;
|
|
182
|
+
}
|
|
183
|
+
}
|
|
147
184
|
}
|
|
148
185
|
|
|
149
|
-
&_primary
|
|
186
|
+
&_primary,
|
|
187
|
+
&__primary {
|
|
150
188
|
border: 1px solid var(--cl_btn-box);
|
|
151
189
|
color: var(--cl_btn-box-text);
|
|
152
190
|
background: transparent;
|
|
@@ -160,6 +198,18 @@ a {
|
|
|
160
198
|
color: var(--cl_btn-light-text);
|
|
161
199
|
}
|
|
162
200
|
}
|
|
201
|
+
b,
|
|
202
|
+
a {
|
|
203
|
+
color: var(--cl_btn-light-text);
|
|
204
|
+
}
|
|
205
|
+
&:hover {
|
|
206
|
+
background-color: var(--cl_btn-light-hover);
|
|
207
|
+
border-color: var(--cl_btn-light-hover);
|
|
208
|
+
color: var(--cl_btn-light-text-hover);
|
|
209
|
+
b {
|
|
210
|
+
color: var(--cl_btn-box-text-hover);
|
|
211
|
+
}
|
|
212
|
+
}
|
|
163
213
|
}
|
|
164
214
|
&:hover {
|
|
165
215
|
background-color: var(--cl_btn-box-hover);
|
|
@@ -167,26 +217,78 @@ a {
|
|
|
167
217
|
color: var(--cl_btn-box-text-hover);
|
|
168
218
|
}
|
|
169
219
|
}
|
|
170
|
-
&_call
|
|
220
|
+
&_call,
|
|
221
|
+
&__call {
|
|
171
222
|
border: 1px solid var(--cl_btn-call);
|
|
172
223
|
background-color: var(--cl_btn-call);
|
|
173
224
|
color: var(--cl_btn-call-text);
|
|
174
225
|
position: relative;
|
|
226
|
+
b {
|
|
227
|
+
color: var(--cl_btn-call-text);
|
|
228
|
+
}
|
|
175
229
|
span:before {
|
|
176
230
|
color: var(--cl_btn-call-text);
|
|
177
231
|
}
|
|
178
232
|
&.btn--light {
|
|
179
233
|
background-color: var(--cl_btn-light);
|
|
180
234
|
border: 1px solid var(--cl_btn-light);
|
|
181
|
-
color: var(--cl_btn-
|
|
235
|
+
color: var(--cl_btn-light-text);
|
|
182
236
|
span:before {
|
|
183
|
-
color: var(--cl_btn-
|
|
237
|
+
color: var(--cl_btn-light-text);
|
|
238
|
+
}
|
|
239
|
+
b {
|
|
240
|
+
color: var(--cl_btn-light-text);
|
|
184
241
|
}
|
|
185
242
|
}
|
|
186
243
|
&:hover {
|
|
187
244
|
background-color: var(--cl_btn-call-hover);
|
|
188
245
|
border-color: var(--cl_btn-call-hover);
|
|
189
246
|
color: var(--cl_btn-call-text-hover);
|
|
247
|
+
b {
|
|
248
|
+
color: var(--cl_btn-call-text-hover);
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
&_unlink {
|
|
254
|
+
border: none;
|
|
255
|
+
font-size: large;
|
|
256
|
+
text-decoration: underline;
|
|
257
|
+
text-underline-offset: 5px;
|
|
258
|
+
color: var(--cl_btn-light-text);
|
|
259
|
+
&:hover {
|
|
260
|
+
color: var(--cl_btn-box-text-hover);
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
&_simple_box {
|
|
265
|
+
border-radius: 0px;
|
|
266
|
+
padding: 5px;
|
|
267
|
+
background-color: var(--cl_btn-box-text-hover);
|
|
268
|
+
&:hover {
|
|
269
|
+
background-color: var(--cl_btn-box);
|
|
270
|
+
border-color: var(--cl_btn-box);
|
|
271
|
+
color: var(--cl_btn-box-text-hover);
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
&_big-circle {
|
|
276
|
+
width: 92px;
|
|
277
|
+
height: 92px;
|
|
278
|
+
background-color: var(--cl_btn-box-text-hover);
|
|
279
|
+
border: 0;
|
|
280
|
+
margin: 0;
|
|
281
|
+
padding: 0;
|
|
282
|
+
display: inline-block;
|
|
283
|
+
vertical-align: middle;
|
|
284
|
+
-webkit-border-radius: 50%;
|
|
285
|
+
border-radius: 50%;
|
|
286
|
+
position: relative;
|
|
287
|
+
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
|
|
288
|
+
&:hover {
|
|
289
|
+
background-color: var(--cl_btn-box);
|
|
290
|
+
border-color: var(--cl_btn-box);
|
|
291
|
+
color: var(--cl_btn-box-text-hover);
|
|
190
292
|
}
|
|
191
293
|
}
|
|
192
294
|
}
|
|
@@ -194,16 +296,17 @@ a {
|
|
|
194
296
|
.btn-link {
|
|
195
297
|
position: relative;
|
|
196
298
|
font-style: normal;
|
|
197
|
-
font-family: var(--font-
|
|
198
|
-
letter-spacing:
|
|
299
|
+
font-family: var(--font-link);
|
|
300
|
+
letter-spacing: var(--ls_link);
|
|
199
301
|
font-weight: var(--w_btn);
|
|
200
|
-
font-size:
|
|
302
|
+
font-size: var(--size_link);
|
|
201
303
|
cursor: pointer;
|
|
202
304
|
text-decoration: none;
|
|
203
305
|
color: var(--cl_btn-link);
|
|
204
306
|
display: flex;
|
|
205
307
|
align-items: center;
|
|
206
308
|
gap: 10px;
|
|
309
|
+
text-transform: var(--upper_link);
|
|
207
310
|
@include transition-default;
|
|
208
311
|
span {
|
|
209
312
|
font-size: 8px;
|
|
@@ -284,18 +387,52 @@ a {
|
|
|
284
387
|
justify-content: center;
|
|
285
388
|
}
|
|
286
389
|
}
|
|
287
|
-
@include
|
|
390
|
+
@include small-desktop {
|
|
288
391
|
padding-block: 20px 10px;
|
|
289
392
|
align-items: center;
|
|
290
393
|
justify-content: center;
|
|
291
394
|
}
|
|
292
395
|
}
|
|
293
396
|
|
|
397
|
+
.btn--close {
|
|
398
|
+
width: auto;
|
|
399
|
+
padding: 13px;
|
|
400
|
+
.babylon-plus {
|
|
401
|
+
width: auto !important;
|
|
402
|
+
padding: 0;
|
|
403
|
+
font-size: 18px;
|
|
404
|
+
}
|
|
405
|
+
}
|
|
406
|
+
.babylon-plus {
|
|
407
|
+
width: auto !important;
|
|
408
|
+
padding: 12px;
|
|
409
|
+
&:before {
|
|
410
|
+
right: auto !important;
|
|
411
|
+
}
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
.babylon-minus {
|
|
415
|
+
width: auto !important;
|
|
416
|
+
padding: 12px;
|
|
417
|
+
&:before {
|
|
418
|
+
right: auto !important;
|
|
419
|
+
content: '';
|
|
420
|
+
display: block;
|
|
421
|
+
width: 14px;
|
|
422
|
+
height: 2px;
|
|
423
|
+
background-color: currentColor;
|
|
424
|
+
position: absolute;
|
|
425
|
+
top: 50%;
|
|
426
|
+
left: 50%;
|
|
427
|
+
transform: translate(-50%, -50%);
|
|
428
|
+
}
|
|
429
|
+
}
|
|
430
|
+
|
|
294
431
|
/*-------- TEXTOS--------*/
|
|
295
432
|
.title_carrusel {
|
|
296
433
|
font-size: 40px;
|
|
297
434
|
font-family: var(--font-title);
|
|
298
|
-
line-height:
|
|
435
|
+
line-height: var(--lh_title-slider);
|
|
299
436
|
letter-spacing: 1px;
|
|
300
437
|
color: var(--cl_title-light);
|
|
301
438
|
font-weight: var(--w_title);
|
|
@@ -313,7 +450,7 @@ a {
|
|
|
313
450
|
}
|
|
314
451
|
.pretitle_carrusel {
|
|
315
452
|
font-size: 16px;
|
|
316
|
-
line-height:
|
|
453
|
+
line-height: var(--lh_pretitle-slider);
|
|
317
454
|
letter-spacing: 1px;
|
|
318
455
|
color: var(--cl_pretitle-light);
|
|
319
456
|
font-weight: var(--w_pretitle);
|
|
@@ -643,7 +780,7 @@ $type-align: left; //center / left
|
|
|
643
780
|
right: 30px;
|
|
644
781
|
top: 30px;
|
|
645
782
|
bottom: 30px;
|
|
646
|
-
border: var(--img_border-
|
|
783
|
+
border: var(--img_border-width) solid var(--img_border);
|
|
647
784
|
border-radius: var(--img_radius);
|
|
648
785
|
z-index: 1;
|
|
649
786
|
@include full-tablet {
|
|
@@ -671,7 +808,7 @@ $type-align: left; //center / left
|
|
|
671
808
|
right: 30px;
|
|
672
809
|
top: 30px;
|
|
673
810
|
bottom: 30px;
|
|
674
|
-
border: var(--img_border-
|
|
811
|
+
border: var(--img_border-width) solid var(--img_border);
|
|
675
812
|
border-radius: var(--img_radius);
|
|
676
813
|
@include full-tablet {
|
|
677
814
|
left: 15px;
|
|
@@ -686,9 +823,9 @@ $type-align: left; //center / left
|
|
|
686
823
|
|
|
687
824
|
.btn-close--modal {
|
|
688
825
|
position: absolute;
|
|
689
|
-
top:
|
|
690
|
-
right:
|
|
691
|
-
z-index:
|
|
826
|
+
top: 20px;
|
|
827
|
+
right: 20px;
|
|
828
|
+
z-index: 999;
|
|
692
829
|
|
|
693
830
|
.babylon-plus::before {
|
|
694
831
|
transform: rotate(-45deg);
|
|
@@ -698,8 +835,152 @@ $type-align: left; //center / left
|
|
|
698
835
|
top: 30px;
|
|
699
836
|
right: 30px;
|
|
700
837
|
}
|
|
838
|
+
a:hover {
|
|
839
|
+
background-color: var(--cl_corp);
|
|
840
|
+
border-color: var(--cl_corp);
|
|
841
|
+
color: white;
|
|
842
|
+
}
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
.cs_form .conditions p {
|
|
846
|
+
margin-bottom: 0px !important;
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
.cs_form .conditions a {
|
|
850
|
+
text-decoration: underline !important;
|
|
701
851
|
}
|
|
702
852
|
|
|
853
|
+
.logo_title {
|
|
854
|
+
img {
|
|
855
|
+
height: 120px;
|
|
856
|
+
width: auto;
|
|
857
|
+
}
|
|
858
|
+
}
|
|
859
|
+
|
|
860
|
+
.babylon__engine.header-center-bookshow-engine {
|
|
861
|
+
input {
|
|
862
|
+
&::placeholder {
|
|
863
|
+
padding: 5px 0 5px 0;
|
|
864
|
+
}
|
|
865
|
+
@include min-full-tablet {
|
|
866
|
+
&.engine-sticky {
|
|
867
|
+
max-width: none !important;
|
|
868
|
+
border-radius: 0 !important;
|
|
869
|
+
display: flex !important;
|
|
870
|
+
justify-content: center !important;
|
|
871
|
+
position: fixed !important;
|
|
872
|
+
top: 100px !important;
|
|
873
|
+
margin-top: 0px !important;
|
|
874
|
+
padding: 20px !important;
|
|
875
|
+
background-color: var(--cl_background_dark-opacity) !important;
|
|
876
|
+
.p-calendar {
|
|
877
|
+
input::placeholder {
|
|
878
|
+
color: var(--cl_title-light) !important;
|
|
879
|
+
}
|
|
880
|
+
}
|
|
881
|
+
}
|
|
882
|
+
.babylon__engine__input {
|
|
883
|
+
color: var(--cl_title-light) !important;
|
|
884
|
+
&::placeholder {
|
|
885
|
+
color: var(--cl_title-light) !important;
|
|
886
|
+
}
|
|
887
|
+
}
|
|
888
|
+
span::before {
|
|
889
|
+
color: var(--cl_title-light);
|
|
890
|
+
}
|
|
891
|
+
}
|
|
892
|
+
}
|
|
893
|
+
}
|
|
894
|
+
|
|
895
|
+
.babylon__engine__dialog {
|
|
896
|
+
position: absolute;
|
|
897
|
+
}
|
|
898
|
+
|
|
899
|
+
.babylon__engine__datepicker {
|
|
900
|
+
width: 100%;
|
|
901
|
+
}
|
|
902
|
+
|
|
903
|
+
.babylon-tag {
|
|
904
|
+
&::before {
|
|
905
|
+
font-size: 23px;
|
|
906
|
+
}
|
|
907
|
+
}
|
|
908
|
+
|
|
909
|
+
.cs__mode-only_mobile {
|
|
910
|
+
@include min-full-tablet {
|
|
911
|
+
display: none;
|
|
912
|
+
}
|
|
913
|
+
}
|
|
914
|
+
|
|
915
|
+
.cs__mode-no_mobile {
|
|
916
|
+
@include full-tablet {
|
|
917
|
+
display: none;
|
|
918
|
+
}
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
.cs__not_touch-mobile {
|
|
922
|
+
@include mobile {
|
|
923
|
+
pointer-events: none;
|
|
924
|
+
}
|
|
925
|
+
}
|
|
926
|
+
|
|
927
|
+
.cs_border-bottom {
|
|
928
|
+
@include small-tablet {
|
|
929
|
+
border-bottom: 1px solid rgba(73, 73, 73, 0.1);
|
|
930
|
+
padding-bottom: 12px;
|
|
931
|
+
}
|
|
932
|
+
}
|
|
933
|
+
|
|
934
|
+
lib-babylon-engine {
|
|
935
|
+
.babylon__engine.header-center-bookshow-engine.engine-sticky {
|
|
936
|
+
height: auto !important;
|
|
937
|
+
width: 100% !important;
|
|
938
|
+
}
|
|
939
|
+
}
|
|
940
|
+
.babylon__engine.header-bookshow-engine {
|
|
941
|
+
@include min-small-desktop {
|
|
942
|
+
&.engine-sticky {
|
|
943
|
+
form {
|
|
944
|
+
gap: 20px !important;
|
|
945
|
+
> div {
|
|
946
|
+
&:first-child {
|
|
947
|
+
max-width: calc(30% - 20px) !important;
|
|
948
|
+
}
|
|
949
|
+
}
|
|
950
|
+
}
|
|
951
|
+
}
|
|
952
|
+
}
|
|
953
|
+
}
|
|
954
|
+
.top-container {
|
|
955
|
+
position: relative;
|
|
956
|
+
}
|
|
957
|
+
|
|
958
|
+
//FIX FROM LIVE
|
|
959
|
+
@include full-tablet {
|
|
960
|
+
.cdk-global-overlay-wrapper {
|
|
961
|
+
padding-bottom: 0px !important;
|
|
962
|
+
}
|
|
963
|
+
.guests input {
|
|
964
|
+
pointer-events: none !important;
|
|
965
|
+
user-select: none !important;
|
|
966
|
+
}
|
|
967
|
+
}
|
|
968
|
+
|
|
969
|
+
span.babylon__engines__datepicker__icon.babylon-calendar {
|
|
970
|
+
width: 100%;
|
|
971
|
+
height: 100%;
|
|
972
|
+
left: 0;
|
|
973
|
+
display: flex;
|
|
974
|
+
align-items: center;
|
|
975
|
+
justify-content: right;
|
|
976
|
+
padding-right: 20px;
|
|
977
|
+
}
|
|
978
|
+
|
|
979
|
+
.cdk-global-scrollblock {
|
|
980
|
+
.hi-widget-container.small-widget {
|
|
981
|
+
display: none !important;
|
|
982
|
+
}
|
|
983
|
+
}
|
|
703
984
|
.blanco-version-form {
|
|
704
985
|
.input-group {
|
|
705
986
|
position: relative;
|