@ilo-org/styles 0.10.1 → 0.10.3
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/build/css/components/index.css +148 -104
- package/build/css/components/index.css.map +1 -1
- package/build/css/global.css +1 -1
- package/build/css/global.css.map +1 -1
- package/build/css/index.css +148 -104
- package/build/css/index.css.map +1 -1
- package/build/css/monorepo.css +148 -104
- package/build/css/monorepo.css.map +1 -1
- package/build/minified/index.css +1 -1
- package/build/minified/index.css.map +1 -1
- package/build/minified/monorepo.css +1 -1
- package/build/minified/monorepo.css.map +1 -1
- package/css/components/container.css +1 -1
- package/css/components/hero.css +1 -1
- package/css/components/herocard.css +1 -1
- package/css/components/pagination.css +1 -1
- package/css/global.css.map +1 -1
- package/css/index.css +5 -1
- package/css/index.css.map +1 -1
- package/css/monorepo.css +5 -1
- package/css/monorepo.css.map +1 -1
- package/package.json +3 -3
- package/scss/components/_container.scss +2 -1
- package/scss/components/_hero.scss +127 -46
- package/scss/components/_herocard.scss +22 -16
- package/scss/components/_pagination.scss +3 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
5
5
|
*/
|
|
6
6
|
/**
|
|
7
7
|
* TOKENS:
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
*/
|
|
12
12
|
/**
|
|
13
13
|
* Do not edit directly
|
|
14
|
-
* Generated on
|
|
14
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
15
15
|
*/
|
|
16
16
|
/**
|
|
17
17
|
* TOKENS:
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
|
|
131
131
|
/**
|
|
132
132
|
* Do not edit directly
|
|
133
|
-
* Generated on
|
|
133
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
134
134
|
*/
|
|
135
135
|
/**
|
|
136
136
|
* TOKENS:
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
}
|
|
156
156
|
/**
|
|
157
157
|
* Do not edit directly
|
|
158
|
-
* Generated on
|
|
158
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
159
159
|
*/
|
|
160
160
|
/**
|
|
161
161
|
* TOKENS:
|
|
@@ -409,7 +409,7 @@
|
|
|
409
409
|
|
|
410
410
|
/**
|
|
411
411
|
* Do not edit directly
|
|
412
|
-
* Generated on
|
|
412
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
413
413
|
*/
|
|
414
414
|
/**
|
|
415
415
|
* TOKENS:
|
|
@@ -419,7 +419,7 @@
|
|
|
419
419
|
*/
|
|
420
420
|
/**
|
|
421
421
|
* Do not edit directly
|
|
422
|
-
* Generated on
|
|
422
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
423
423
|
*/
|
|
424
424
|
/**
|
|
425
425
|
* TOKENS:
|
|
@@ -444,7 +444,7 @@
|
|
|
444
444
|
}
|
|
445
445
|
/**
|
|
446
446
|
* Do not edit directly
|
|
447
|
-
* Generated on
|
|
447
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
448
448
|
*/
|
|
449
449
|
/**
|
|
450
450
|
* TOKENS:
|
|
@@ -734,7 +734,7 @@
|
|
|
734
734
|
|
|
735
735
|
/**
|
|
736
736
|
* Do not edit directly
|
|
737
|
-
* Generated on
|
|
737
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
738
738
|
*/
|
|
739
739
|
/**
|
|
740
740
|
* TOKENS:
|
|
@@ -864,7 +864,7 @@
|
|
|
864
864
|
|
|
865
865
|
/**
|
|
866
866
|
* Do not edit directly
|
|
867
|
-
* Generated on
|
|
867
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
868
868
|
*/
|
|
869
869
|
/**
|
|
870
870
|
* TOKENS:
|
|
@@ -874,7 +874,7 @@
|
|
|
874
874
|
*/
|
|
875
875
|
/**
|
|
876
876
|
* Do not edit directly
|
|
877
|
-
* Generated on
|
|
877
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
878
878
|
*/
|
|
879
879
|
/**
|
|
880
880
|
* TOKENS:
|
|
@@ -899,7 +899,7 @@
|
|
|
899
899
|
}
|
|
900
900
|
/**
|
|
901
901
|
* Do not edit directly
|
|
902
|
-
* Generated on
|
|
902
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
903
903
|
*/
|
|
904
904
|
/**
|
|
905
905
|
* TOKENS:
|
|
@@ -908,7 +908,8 @@
|
|
|
908
908
|
* MAPS:
|
|
909
909
|
*/
|
|
910
910
|
.ilo--container {
|
|
911
|
-
margin: auto;
|
|
911
|
+
margin-right: auto;
|
|
912
|
+
margin-left: auto;
|
|
912
913
|
max-width: 1300px;
|
|
913
914
|
padding: 0 1.0718113612rem;
|
|
914
915
|
width: 100%;
|
|
@@ -916,7 +917,7 @@
|
|
|
916
917
|
|
|
917
918
|
/**
|
|
918
919
|
* Do not edit directly
|
|
919
|
-
* Generated on
|
|
920
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
920
921
|
*/
|
|
921
922
|
/**
|
|
922
923
|
* TOKENS:
|
|
@@ -1127,7 +1128,7 @@
|
|
|
1127
1128
|
|
|
1128
1129
|
/**
|
|
1129
1130
|
* Do not edit directly
|
|
1130
|
-
* Generated on
|
|
1131
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
1131
1132
|
*/
|
|
1132
1133
|
/**
|
|
1133
1134
|
* TOKENS:
|
|
@@ -1295,7 +1296,7 @@
|
|
|
1295
1296
|
|
|
1296
1297
|
/**
|
|
1297
1298
|
* Do not edit directly
|
|
1298
|
-
* Generated on
|
|
1299
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
1299
1300
|
*/
|
|
1300
1301
|
/**
|
|
1301
1302
|
* TOKENS:
|
|
@@ -1389,7 +1390,7 @@
|
|
|
1389
1390
|
|
|
1390
1391
|
/**
|
|
1391
1392
|
* Do not edit directly
|
|
1392
|
-
* Generated on
|
|
1393
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
1393
1394
|
*/
|
|
1394
1395
|
/**
|
|
1395
1396
|
* TOKENS:
|
|
@@ -1526,7 +1527,7 @@
|
|
|
1526
1527
|
|
|
1527
1528
|
/**
|
|
1528
1529
|
* Do not edit directly
|
|
1529
|
-
* Generated on
|
|
1530
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
1530
1531
|
*/
|
|
1531
1532
|
/**
|
|
1532
1533
|
* TOKENS:
|
|
@@ -1668,7 +1669,7 @@
|
|
|
1668
1669
|
|
|
1669
1670
|
/**
|
|
1670
1671
|
* Do not edit directly
|
|
1671
|
-
* Generated on
|
|
1672
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
1672
1673
|
*/
|
|
1673
1674
|
/**
|
|
1674
1675
|
* TOKENS:
|
|
@@ -1817,7 +1818,7 @@
|
|
|
1817
1818
|
|
|
1818
1819
|
/**
|
|
1819
1820
|
* Do not edit directly
|
|
1820
|
-
* Generated on
|
|
1821
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
1821
1822
|
*/
|
|
1822
1823
|
/**
|
|
1823
1824
|
* TOKENS:
|
|
@@ -1923,7 +1924,7 @@
|
|
|
1923
1924
|
|
|
1924
1925
|
/**
|
|
1925
1926
|
* Do not edit directly
|
|
1926
|
-
* Generated on
|
|
1927
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
1927
1928
|
*/
|
|
1928
1929
|
/**
|
|
1929
1930
|
* TOKENS:
|
|
@@ -1985,7 +1986,7 @@
|
|
|
1985
1986
|
|
|
1986
1987
|
/**
|
|
1987
1988
|
* Do not edit directly
|
|
1988
|
-
* Generated on
|
|
1989
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
1989
1990
|
*/
|
|
1990
1991
|
/**
|
|
1991
1992
|
* TOKENS:
|
|
@@ -2060,7 +2061,7 @@
|
|
|
2060
2061
|
|
|
2061
2062
|
/**
|
|
2062
2063
|
* Do not edit directly
|
|
2063
|
-
* Generated on
|
|
2064
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2064
2065
|
*/
|
|
2065
2066
|
/**
|
|
2066
2067
|
* TOKENS:
|
|
@@ -2112,7 +2113,7 @@
|
|
|
2112
2113
|
|
|
2113
2114
|
/**
|
|
2114
2115
|
* Do not edit directly
|
|
2115
|
-
* Generated on
|
|
2116
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2116
2117
|
*/
|
|
2117
2118
|
/**
|
|
2118
2119
|
* TOKENS:
|
|
@@ -2189,7 +2190,7 @@
|
|
|
2189
2190
|
|
|
2190
2191
|
/**
|
|
2191
2192
|
* Do not edit directly
|
|
2192
|
-
* Generated on
|
|
2193
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2193
2194
|
*/
|
|
2194
2195
|
/**
|
|
2195
2196
|
* TOKENS:
|
|
@@ -2270,7 +2271,7 @@
|
|
|
2270
2271
|
|
|
2271
2272
|
/**
|
|
2272
2273
|
* Do not edit directly
|
|
2273
|
-
* Generated on
|
|
2274
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2274
2275
|
*/
|
|
2275
2276
|
/**
|
|
2276
2277
|
* TOKENS:
|
|
@@ -2280,7 +2281,7 @@
|
|
|
2280
2281
|
*/
|
|
2281
2282
|
/**
|
|
2282
2283
|
* Do not edit directly
|
|
2283
|
-
* Generated on
|
|
2284
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2284
2285
|
*/
|
|
2285
2286
|
/**
|
|
2286
2287
|
* TOKENS:
|
|
@@ -2290,7 +2291,7 @@
|
|
|
2290
2291
|
*/
|
|
2291
2292
|
/**
|
|
2292
2293
|
* Do not edit directly
|
|
2293
|
-
* Generated on
|
|
2294
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2294
2295
|
*/
|
|
2295
2296
|
/**
|
|
2296
2297
|
* TOKENS:
|
|
@@ -2300,7 +2301,7 @@
|
|
|
2300
2301
|
*/
|
|
2301
2302
|
/**
|
|
2302
2303
|
* Do not edit directly
|
|
2303
|
-
* Generated on
|
|
2304
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2304
2305
|
*/
|
|
2305
2306
|
/**
|
|
2306
2307
|
* TOKENS:
|
|
@@ -2426,7 +2427,7 @@
|
|
|
2426
2427
|
|
|
2427
2428
|
/**
|
|
2428
2429
|
* Do not edit directly
|
|
2429
|
-
* Generated on
|
|
2430
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2430
2431
|
*/
|
|
2431
2432
|
/**
|
|
2432
2433
|
* TOKENS:
|
|
@@ -2443,7 +2444,7 @@
|
|
|
2443
2444
|
|
|
2444
2445
|
/**
|
|
2445
2446
|
* Do not edit directly
|
|
2446
|
-
* Generated on
|
|
2447
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2447
2448
|
*/
|
|
2448
2449
|
/**
|
|
2449
2450
|
* TOKENS:
|
|
@@ -2531,7 +2532,7 @@
|
|
|
2531
2532
|
|
|
2532
2533
|
/**
|
|
2533
2534
|
* Do not edit directly
|
|
2534
|
-
* Generated on
|
|
2535
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2535
2536
|
*/
|
|
2536
2537
|
/**
|
|
2537
2538
|
* TOKENS:
|
|
@@ -2541,7 +2542,7 @@
|
|
|
2541
2542
|
*/
|
|
2542
2543
|
/**
|
|
2543
2544
|
* Do not edit directly
|
|
2544
|
-
* Generated on
|
|
2545
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2545
2546
|
*/
|
|
2546
2547
|
/**
|
|
2547
2548
|
* TOKENS:
|
|
@@ -2551,7 +2552,7 @@
|
|
|
2551
2552
|
*/
|
|
2552
2553
|
/**
|
|
2553
2554
|
* Do not edit directly
|
|
2554
|
-
* Generated on
|
|
2555
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2555
2556
|
*/
|
|
2556
2557
|
/**
|
|
2557
2558
|
* TOKENS:
|
|
@@ -2604,7 +2605,7 @@
|
|
|
2604
2605
|
|
|
2605
2606
|
/**
|
|
2606
2607
|
* Do not edit directly
|
|
2607
|
-
* Generated on
|
|
2608
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2608
2609
|
*/
|
|
2609
2610
|
/**
|
|
2610
2611
|
* TOKENS:
|
|
@@ -2689,7 +2690,7 @@
|
|
|
2689
2690
|
|
|
2690
2691
|
/**
|
|
2691
2692
|
* Do not edit directly
|
|
2692
|
-
* Generated on
|
|
2693
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2693
2694
|
*/
|
|
2694
2695
|
/**
|
|
2695
2696
|
* TOKENS:
|
|
@@ -2786,7 +2787,7 @@
|
|
|
2786
2787
|
|
|
2787
2788
|
/**
|
|
2788
2789
|
* Do not edit directly
|
|
2789
|
-
* Generated on
|
|
2790
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2790
2791
|
*/
|
|
2791
2792
|
/**
|
|
2792
2793
|
* TOKENS:
|
|
@@ -2827,7 +2828,7 @@
|
|
|
2827
2828
|
|
|
2828
2829
|
/**
|
|
2829
2830
|
* Do not edit directly
|
|
2830
|
-
* Generated on
|
|
2831
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2831
2832
|
*/
|
|
2832
2833
|
/**
|
|
2833
2834
|
* TOKENS:
|
|
@@ -2948,7 +2949,7 @@
|
|
|
2948
2949
|
|
|
2949
2950
|
/**
|
|
2950
2951
|
* Do not edit directly
|
|
2951
|
-
* Generated on
|
|
2952
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2952
2953
|
*/
|
|
2953
2954
|
/**
|
|
2954
2955
|
* TOKENS:
|
|
@@ -2958,7 +2959,7 @@
|
|
|
2958
2959
|
*/
|
|
2959
2960
|
/**
|
|
2960
2961
|
* Do not edit directly
|
|
2961
|
-
* Generated on
|
|
2962
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2962
2963
|
*/
|
|
2963
2964
|
/**
|
|
2964
2965
|
* TOKENS:
|
|
@@ -2983,7 +2984,7 @@
|
|
|
2983
2984
|
}
|
|
2984
2985
|
/**
|
|
2985
2986
|
* Do not edit directly
|
|
2986
|
-
* Generated on
|
|
2987
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
2987
2988
|
*/
|
|
2988
2989
|
/**
|
|
2989
2990
|
* TOKENS:
|
|
@@ -3350,7 +3351,7 @@
|
|
|
3350
3351
|
|
|
3351
3352
|
/**
|
|
3352
3353
|
* Do not edit directly
|
|
3353
|
-
* Generated on
|
|
3354
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
3354
3355
|
*/
|
|
3355
3356
|
/**
|
|
3356
3357
|
* TOKENS:
|
|
@@ -3473,7 +3474,7 @@
|
|
|
3473
3474
|
|
|
3474
3475
|
/**
|
|
3475
3476
|
* Do not edit directly
|
|
3476
|
-
* Generated on
|
|
3477
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
3477
3478
|
*/
|
|
3478
3479
|
/**
|
|
3479
3480
|
* TOKENS:
|
|
@@ -3482,11 +3483,11 @@
|
|
|
3482
3483
|
* MAPS:
|
|
3483
3484
|
*/
|
|
3484
3485
|
.hero {
|
|
3485
|
-
--corner-cut-height:
|
|
3486
|
+
--corner-cut-height: 40px;
|
|
3486
3487
|
width: 100%;
|
|
3487
3488
|
display: grid;
|
|
3488
3489
|
position: relative;
|
|
3489
|
-
grid-template-rows: minmax(216px, 1fr) 27px
|
|
3490
|
+
grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
|
|
3490
3491
|
grid-template-columns: 1fr;
|
|
3491
3492
|
}
|
|
3492
3493
|
.hero--breadcrumbs {
|
|
@@ -3531,10 +3532,9 @@
|
|
|
3531
3532
|
}
|
|
3532
3533
|
@media screen and (min-width: 1024px) {
|
|
3533
3534
|
.hero {
|
|
3534
|
-
--card-width:
|
|
3535
|
+
--card-width: 625px;
|
|
3535
3536
|
--corner-cut-height: 64px;
|
|
3536
3537
|
--breadcrumbs-height: 48px;
|
|
3537
|
-
--card-offset: 109px;
|
|
3538
3538
|
--image-gap: 240px;
|
|
3539
3539
|
--row-1-lg: var(--breadcrumbs-height);
|
|
3540
3540
|
--row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
|
|
@@ -3561,29 +3561,31 @@
|
|
|
3561
3561
|
--image-gap: 527px;
|
|
3562
3562
|
}
|
|
3563
3563
|
.hero__card-size__small {
|
|
3564
|
-
--card-width:
|
|
3564
|
+
--card-width: 625px;
|
|
3565
3565
|
}
|
|
3566
3566
|
.hero__card-size__medium {
|
|
3567
|
-
--card-width:
|
|
3567
|
+
--card-width: 721px;
|
|
3568
3568
|
}
|
|
3569
3569
|
.hero__card-size__large {
|
|
3570
|
-
--card-width:
|
|
3570
|
+
--card-width: 856px;
|
|
3571
3571
|
}
|
|
3572
3572
|
.hero__card-size__xlarge {
|
|
3573
|
-
--card-width:
|
|
3573
|
+
--card-width: 920px;
|
|
3574
3574
|
}
|
|
3575
3575
|
.hero__card-size__xxlarge {
|
|
3576
|
-
--card-width:
|
|
3576
|
+
--card-width: 998px;
|
|
3577
3577
|
}
|
|
3578
3578
|
.hero__card-justify__start {
|
|
3579
|
-
--col-1-lg:
|
|
3579
|
+
--col-1-lg: calc(calc((100vw - 1300px) / 2) - 70px);
|
|
3580
3580
|
}
|
|
3581
3581
|
.hero__card-justify__offset {
|
|
3582
|
-
--col-1-lg:
|
|
3582
|
+
--col-1-lg: minmax(108px, calc(calc((100vw - 1300px) / 2) - 70px));
|
|
3583
3583
|
}
|
|
3584
3584
|
.hero__card-justify__center {
|
|
3585
|
-
--col-1-lg:
|
|
3586
|
-
--col-4-lg:
|
|
3585
|
+
--col-1-lg: calc((100% - var(--card-width)) / 2);
|
|
3586
|
+
--col-4-lg: calc(
|
|
3587
|
+
((100% - var(--card-width)) / 2) - 30px
|
|
3588
|
+
);
|
|
3587
3589
|
}
|
|
3588
3590
|
.hero__card-align__center {
|
|
3589
3591
|
--row-4-lg: calc(72px - 27px);
|
|
@@ -3594,6 +3596,21 @@
|
|
|
3594
3596
|
--row-4-lg: var(--corner-cut-height);
|
|
3595
3597
|
--row-5-lg: auto;
|
|
3596
3598
|
}
|
|
3599
|
+
.hero__card-background__transparent .hero--card-offset {
|
|
3600
|
+
background-color: transparent !important;
|
|
3601
|
+
}
|
|
3602
|
+
.hero__card-theme__dark .hero--card-offset {
|
|
3603
|
+
background-color: rgb(35, 0, 80);
|
|
3604
|
+
}
|
|
3605
|
+
.hero__card-theme__dark[class*=semi-transparent] .hero--card-offset {
|
|
3606
|
+
background: rgba(35, 0, 80, 0.6);
|
|
3607
|
+
}
|
|
3608
|
+
.hero__card-theme__light .hero--card-offset {
|
|
3609
|
+
background: rgb(255, 255, 255);
|
|
3610
|
+
}
|
|
3611
|
+
.hero__card-theme__light[class*=semi-transparent] .hero--card-offset {
|
|
3612
|
+
background: rgba(255, 255, 255, 0.6);
|
|
3613
|
+
}
|
|
3597
3614
|
.hero--breadcrumbs {
|
|
3598
3615
|
grid-area: 1/1/2/5;
|
|
3599
3616
|
z-index: 1;
|
|
@@ -3601,7 +3618,14 @@
|
|
|
3601
3618
|
flex-flow: row nowrap;
|
|
3602
3619
|
}
|
|
3603
3620
|
.hero--breadcrumbs--wrapper {
|
|
3604
|
-
|
|
3621
|
+
width: 100%;
|
|
3622
|
+
}
|
|
3623
|
+
.hero--breadcrumbs:before {
|
|
3624
|
+
content: "";
|
|
3625
|
+
background-color: rgb(255, 255, 255);
|
|
3626
|
+
position: relative;
|
|
3627
|
+
height: 100%;
|
|
3628
|
+
width: max(70px, (100vw - 1300px) / 2);
|
|
3605
3629
|
}
|
|
3606
3630
|
.hero--figure {
|
|
3607
3631
|
grid-area: 1/1/5/5;
|
|
@@ -3612,6 +3636,20 @@
|
|
|
3612
3636
|
.hero__card-align__bottom .hero--figure {
|
|
3613
3637
|
grid-area: 1/1/5/5;
|
|
3614
3638
|
}
|
|
3639
|
+
.hero--card-offset {
|
|
3640
|
+
grid-area: 3/1/6/2;
|
|
3641
|
+
z-index: 0;
|
|
3642
|
+
background-color: transparent;
|
|
3643
|
+
}
|
|
3644
|
+
.hero__card-justify__offset .hero--card-offset, .hero__card-justify__center .hero--card-offset {
|
|
3645
|
+
background-color: transparent;
|
|
3646
|
+
}
|
|
3647
|
+
.hero__card-align__center .hero--card-offset {
|
|
3648
|
+
grid-area: 3/1/4/2;
|
|
3649
|
+
}
|
|
3650
|
+
.hero__card-align__bottom .hero--card-offset {
|
|
3651
|
+
grid-area: 4/1/6/2;
|
|
3652
|
+
}
|
|
3615
3653
|
.hero--card {
|
|
3616
3654
|
grid-area: 3/2/6/3;
|
|
3617
3655
|
}
|
|
@@ -3695,19 +3733,21 @@
|
|
|
3695
3733
|
--col-1-lg: 1fr;
|
|
3696
3734
|
--col-2-lg: 30px;
|
|
3697
3735
|
--col-3-lg: var(--card-width);
|
|
3698
|
-
--col-4-lg:
|
|
3736
|
+
--col-4-lg: calc(calc((100vw - 1300px) / 2) - 70px);
|
|
3699
3737
|
}
|
|
3700
3738
|
.right-to-left .hero__card-justify__offset {
|
|
3701
3739
|
--col-1-lg: 1fr;
|
|
3702
3740
|
--col-2-lg: 30px;
|
|
3703
3741
|
--col-3-lg: var(--card-width);
|
|
3704
|
-
--col-4-lg:
|
|
3742
|
+
--col-4-lg: minmax(108px, calc(calc((100vw - 1300px) / 2) - 70px));
|
|
3705
3743
|
}
|
|
3706
3744
|
.right-to-left .hero__card-justify__center {
|
|
3707
|
-
--col-1-lg:
|
|
3745
|
+
--col-1-lg: calc(
|
|
3746
|
+
((100% - var(--card-width)) / 2) - 30px
|
|
3747
|
+
);
|
|
3708
3748
|
--col-2-lg: 30px;
|
|
3709
3749
|
--col-3-lg: var(--card-width);
|
|
3710
|
-
--col-4-lg:
|
|
3750
|
+
--col-4-lg: calc((100% - var(--card-width)) / 2);
|
|
3711
3751
|
}
|
|
3712
3752
|
.right-to-left .hero__card-align__center .hero--card {
|
|
3713
3753
|
grid-area: 3/3/4/4;
|
|
@@ -3756,6 +3796,9 @@
|
|
|
3756
3796
|
border-left: none;
|
|
3757
3797
|
border-right: calc(27px - 4px) solid rgb(45, 45, 45);
|
|
3758
3798
|
}
|
|
3799
|
+
.right-to-left .hero--card-offset {
|
|
3800
|
+
grid-area: 3/4/6/5;
|
|
3801
|
+
}
|
|
3759
3802
|
.right-to-left .hero--card {
|
|
3760
3803
|
grid-area: 3/3/6/4;
|
|
3761
3804
|
}
|
|
@@ -3792,7 +3835,7 @@
|
|
|
3792
3835
|
|
|
3793
3836
|
/**
|
|
3794
3837
|
* Do not edit directly
|
|
3795
|
-
* Generated on
|
|
3838
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
3796
3839
|
*/
|
|
3797
3840
|
/**
|
|
3798
3841
|
* TOKENS:
|
|
@@ -3848,11 +3891,11 @@
|
|
|
3848
3891
|
}
|
|
3849
3892
|
}
|
|
3850
3893
|
.ilo--hero-card__cornercut {
|
|
3851
|
-
clip-path: polygon(0 0, calc(100% -
|
|
3894
|
+
clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
|
|
3852
3895
|
}
|
|
3853
3896
|
.right-to-left .ilo--hero-card__cornercut {
|
|
3854
|
-
clip-path: polygon(0 0, calc(100% -
|
|
3855
|
-
clip-path: polygon(
|
|
3897
|
+
clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
|
|
3898
|
+
clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
|
|
3856
3899
|
}
|
|
3857
3900
|
@media screen and (min-width: 1024px) {
|
|
3858
3901
|
.ilo--hero-card__cornercut {
|
|
@@ -3926,7 +3969,7 @@
|
|
|
3926
3969
|
|
|
3927
3970
|
/**
|
|
3928
3971
|
* Do not edit directly
|
|
3929
|
-
* Generated on
|
|
3972
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
3930
3973
|
*/
|
|
3931
3974
|
/**
|
|
3932
3975
|
* TOKENS:
|
|
@@ -3982,7 +4025,7 @@
|
|
|
3982
4025
|
|
|
3983
4026
|
/**
|
|
3984
4027
|
* Do not edit directly
|
|
3985
|
-
* Generated on
|
|
4028
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
3986
4029
|
*/
|
|
3987
4030
|
/**
|
|
3988
4031
|
* TOKENS:
|
|
@@ -4124,7 +4167,7 @@
|
|
|
4124
4167
|
|
|
4125
4168
|
/**
|
|
4126
4169
|
* Do not edit directly
|
|
4127
|
-
* Generated on
|
|
4170
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
4128
4171
|
*/
|
|
4129
4172
|
/**
|
|
4130
4173
|
* TOKENS:
|
|
@@ -4134,7 +4177,7 @@
|
|
|
4134
4177
|
*/
|
|
4135
4178
|
/**
|
|
4136
4179
|
* Do not edit directly
|
|
4137
|
-
* Generated on
|
|
4180
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
4138
4181
|
*/
|
|
4139
4182
|
/**
|
|
4140
4183
|
* TOKENS:
|
|
@@ -4159,7 +4202,7 @@
|
|
|
4159
4202
|
}
|
|
4160
4203
|
/**
|
|
4161
4204
|
* Do not edit directly
|
|
4162
|
-
* Generated on
|
|
4205
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
4163
4206
|
*/
|
|
4164
4207
|
/**
|
|
4165
4208
|
* TOKENS:
|
|
@@ -4317,7 +4360,7 @@
|
|
|
4317
4360
|
|
|
4318
4361
|
/**
|
|
4319
4362
|
* Do not edit directly
|
|
4320
|
-
* Generated on
|
|
4363
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
4321
4364
|
*/
|
|
4322
4365
|
/**
|
|
4323
4366
|
* TOKENS:
|
|
@@ -4412,7 +4455,7 @@
|
|
|
4412
4455
|
|
|
4413
4456
|
/**
|
|
4414
4457
|
* Do not edit directly
|
|
4415
|
-
* Generated on
|
|
4458
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
4416
4459
|
*/
|
|
4417
4460
|
/**
|
|
4418
4461
|
* TOKENS:
|
|
@@ -4422,7 +4465,7 @@
|
|
|
4422
4465
|
*/
|
|
4423
4466
|
/**
|
|
4424
4467
|
* Do not edit directly
|
|
4425
|
-
* Generated on
|
|
4468
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
4426
4469
|
*/
|
|
4427
4470
|
/**
|
|
4428
4471
|
* TOKENS:
|
|
@@ -4432,7 +4475,7 @@
|
|
|
4432
4475
|
*/
|
|
4433
4476
|
/**
|
|
4434
4477
|
* Do not edit directly
|
|
4435
|
-
* Generated on
|
|
4478
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
4436
4479
|
*/
|
|
4437
4480
|
/**
|
|
4438
4481
|
* TOKENS:
|
|
@@ -4603,7 +4646,7 @@
|
|
|
4603
4646
|
|
|
4604
4647
|
/**
|
|
4605
4648
|
* Do not edit directly
|
|
4606
|
-
* Generated on
|
|
4649
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
4607
4650
|
*/
|
|
4608
4651
|
/**
|
|
4609
4652
|
* TOKENS:
|
|
@@ -4650,7 +4693,7 @@
|
|
|
4650
4693
|
|
|
4651
4694
|
/**
|
|
4652
4695
|
* Do not edit directly
|
|
4653
|
-
* Generated on
|
|
4696
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
4654
4697
|
*/
|
|
4655
4698
|
/**
|
|
4656
4699
|
* TOKENS:
|
|
@@ -4660,7 +4703,7 @@
|
|
|
4660
4703
|
*/
|
|
4661
4704
|
/**
|
|
4662
4705
|
* Do not edit directly
|
|
4663
|
-
* Generated on
|
|
4706
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
4664
4707
|
*/
|
|
4665
4708
|
/**
|
|
4666
4709
|
* TOKENS:
|
|
@@ -4670,7 +4713,7 @@
|
|
|
4670
4713
|
*/
|
|
4671
4714
|
/**
|
|
4672
4715
|
* Do not edit directly
|
|
4673
|
-
* Generated on
|
|
4716
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
4674
4717
|
*/
|
|
4675
4718
|
/**
|
|
4676
4719
|
* TOKENS:
|
|
@@ -4767,7 +4810,7 @@
|
|
|
4767
4810
|
|
|
4768
4811
|
/**
|
|
4769
4812
|
* Do not edit directly
|
|
4770
|
-
* Generated on
|
|
4813
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
4771
4814
|
*/
|
|
4772
4815
|
/**
|
|
4773
4816
|
* TOKENS:
|
|
@@ -5657,7 +5700,7 @@
|
|
|
5657
5700
|
|
|
5658
5701
|
/**
|
|
5659
5702
|
* Do not edit directly
|
|
5660
|
-
* Generated on
|
|
5703
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
5661
5704
|
*/
|
|
5662
5705
|
/**
|
|
5663
5706
|
* TOKENS:
|
|
@@ -5667,7 +5710,7 @@
|
|
|
5667
5710
|
*/
|
|
5668
5711
|
/**
|
|
5669
5712
|
* Do not edit directly
|
|
5670
|
-
* Generated on
|
|
5713
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
5671
5714
|
*/
|
|
5672
5715
|
/**
|
|
5673
5716
|
* TOKENS:
|
|
@@ -5677,7 +5720,7 @@
|
|
|
5677
5720
|
*/
|
|
5678
5721
|
/**
|
|
5679
5722
|
* Do not edit directly
|
|
5680
|
-
* Generated on
|
|
5723
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
5681
5724
|
*/
|
|
5682
5725
|
/**
|
|
5683
5726
|
* TOKENS:
|
|
@@ -5869,7 +5912,7 @@
|
|
|
5869
5912
|
|
|
5870
5913
|
/**
|
|
5871
5914
|
* Do not edit directly
|
|
5872
|
-
* Generated on
|
|
5915
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
5873
5916
|
*/
|
|
5874
5917
|
/**
|
|
5875
5918
|
* TOKENS:
|
|
@@ -5880,6 +5923,7 @@
|
|
|
5880
5923
|
.ilo--pagination {
|
|
5881
5924
|
display: flex;
|
|
5882
5925
|
justify-content: space-between;
|
|
5926
|
+
margin-bottom: 2.1436227224rem;
|
|
5883
5927
|
margin-top: 2.1436227224rem;
|
|
5884
5928
|
}
|
|
5885
5929
|
.ilo--pagination--link {
|
|
@@ -6009,7 +6053,7 @@
|
|
|
6009
6053
|
|
|
6010
6054
|
/**
|
|
6011
6055
|
* Do not edit directly
|
|
6012
|
-
* Generated on
|
|
6056
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
6013
6057
|
*/
|
|
6014
6058
|
/**
|
|
6015
6059
|
* TOKENS:
|
|
@@ -6019,7 +6063,7 @@
|
|
|
6019
6063
|
*/
|
|
6020
6064
|
/**
|
|
6021
6065
|
* Do not edit directly
|
|
6022
|
-
* Generated on
|
|
6066
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
6023
6067
|
*/
|
|
6024
6068
|
/**
|
|
6025
6069
|
* TOKENS:
|
|
@@ -6044,7 +6088,7 @@
|
|
|
6044
6088
|
}
|
|
6045
6089
|
/**
|
|
6046
6090
|
* Do not edit directly
|
|
6047
|
-
* Generated on
|
|
6091
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
6048
6092
|
*/
|
|
6049
6093
|
/**
|
|
6050
6094
|
* TOKENS:
|
|
@@ -6211,7 +6255,7 @@
|
|
|
6211
6255
|
|
|
6212
6256
|
/**
|
|
6213
6257
|
* Do not edit directly
|
|
6214
|
-
* Generated on
|
|
6258
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
6215
6259
|
*/
|
|
6216
6260
|
/**
|
|
6217
6261
|
* TOKENS:
|
|
@@ -6280,7 +6324,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
6280
6324
|
|
|
6281
6325
|
/**
|
|
6282
6326
|
* Do not edit directly
|
|
6283
|
-
* Generated on
|
|
6327
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
6284
6328
|
*/
|
|
6285
6329
|
/**
|
|
6286
6330
|
* TOKENS:
|
|
@@ -6290,7 +6334,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
6290
6334
|
*/
|
|
6291
6335
|
/**
|
|
6292
6336
|
* Do not edit directly
|
|
6293
|
-
* Generated on
|
|
6337
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
6294
6338
|
*/
|
|
6295
6339
|
/**
|
|
6296
6340
|
* TOKENS:
|
|
@@ -6315,7 +6359,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
6315
6359
|
}
|
|
6316
6360
|
/**
|
|
6317
6361
|
* Do not edit directly
|
|
6318
|
-
* Generated on
|
|
6362
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
6319
6363
|
*/
|
|
6320
6364
|
/**
|
|
6321
6365
|
* TOKENS:
|
|
@@ -6376,7 +6420,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
6376
6420
|
|
|
6377
6421
|
/**
|
|
6378
6422
|
* Do not edit directly
|
|
6379
|
-
* Generated on
|
|
6423
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
6380
6424
|
*/
|
|
6381
6425
|
/**
|
|
6382
6426
|
* TOKENS:
|
|
@@ -6791,7 +6835,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
6791
6835
|
|
|
6792
6836
|
/**
|
|
6793
6837
|
* Do not edit directly
|
|
6794
|
-
* Generated on
|
|
6838
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
6795
6839
|
*/
|
|
6796
6840
|
/**
|
|
6797
6841
|
* TOKENS:
|
|
@@ -6845,7 +6889,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
6845
6889
|
|
|
6846
6890
|
/**
|
|
6847
6891
|
* Do not edit directly
|
|
6848
|
-
* Generated on
|
|
6892
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
6849
6893
|
*/
|
|
6850
6894
|
/**
|
|
6851
6895
|
* TOKENS:
|
|
@@ -7003,7 +7047,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7003
7047
|
|
|
7004
7048
|
/**
|
|
7005
7049
|
* Do not edit directly
|
|
7006
|
-
* Generated on
|
|
7050
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
7007
7051
|
*/
|
|
7008
7052
|
/**
|
|
7009
7053
|
* TOKENS:
|
|
@@ -7354,7 +7398,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7354
7398
|
|
|
7355
7399
|
/**
|
|
7356
7400
|
* Do not edit directly
|
|
7357
|
-
* Generated on
|
|
7401
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
7358
7402
|
*/
|
|
7359
7403
|
/**
|
|
7360
7404
|
* TOKENS:
|
|
@@ -7540,7 +7584,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7540
7584
|
|
|
7541
7585
|
/**
|
|
7542
7586
|
* Do not edit directly
|
|
7543
|
-
* Generated on
|
|
7587
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
7544
7588
|
*/
|
|
7545
7589
|
/**
|
|
7546
7590
|
* TOKENS:
|
|
@@ -7598,7 +7642,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7598
7642
|
|
|
7599
7643
|
/**
|
|
7600
7644
|
* Do not edit directly
|
|
7601
|
-
* Generated on
|
|
7645
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
7602
7646
|
*/
|
|
7603
7647
|
/**
|
|
7604
7648
|
* TOKENS:
|
|
@@ -7772,7 +7816,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7772
7816
|
|
|
7773
7817
|
/**
|
|
7774
7818
|
* Do not edit directly
|
|
7775
|
-
* Generated on
|
|
7819
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
7776
7820
|
*/
|
|
7777
7821
|
/**
|
|
7778
7822
|
* TOKENS:
|
|
@@ -7832,7 +7876,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7832
7876
|
|
|
7833
7877
|
/**
|
|
7834
7878
|
* Do not edit directly
|
|
7835
|
-
* Generated on
|
|
7879
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
7836
7880
|
*/
|
|
7837
7881
|
/**
|
|
7838
7882
|
* TOKENS:
|
|
@@ -7842,7 +7886,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7842
7886
|
*/
|
|
7843
7887
|
/**
|
|
7844
7888
|
* Do not edit directly
|
|
7845
|
-
* Generated on
|
|
7889
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
7846
7890
|
*/
|
|
7847
7891
|
/**
|
|
7848
7892
|
* TOKENS:
|
|
@@ -7944,7 +7988,7 @@ input:checked + .ilo--input--toggle--slider:before {
|
|
|
7944
7988
|
|
|
7945
7989
|
/**
|
|
7946
7990
|
* Do not edit directly
|
|
7947
|
-
* Generated on
|
|
7991
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
7948
7992
|
*/
|
|
7949
7993
|
/**
|
|
7950
7994
|
* TOKENS:
|
|
@@ -8119,7 +8163,7 @@ input:checked + .ilo--input--toggle--slider:before {
|
|
|
8119
8163
|
|
|
8120
8164
|
/**
|
|
8121
8165
|
* Do not edit directly
|
|
8122
|
-
* Generated on
|
|
8166
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
8123
8167
|
*/
|
|
8124
8168
|
/**
|
|
8125
8169
|
* TOKENS:
|
|
@@ -9029,7 +9073,7 @@ input:checked + .ilo--input--toggle--slider:before {
|
|
|
9029
9073
|
|
|
9030
9074
|
/**
|
|
9031
9075
|
* Do not edit directly
|
|
9032
|
-
* Generated on
|
|
9076
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
9033
9077
|
*/
|
|
9034
9078
|
/**
|
|
9035
9079
|
* TOKENS:
|
|
@@ -9039,7 +9083,7 @@ input:checked + .ilo--input--toggle--slider:before {
|
|
|
9039
9083
|
*/
|
|
9040
9084
|
/**
|
|
9041
9085
|
* Do not edit directly
|
|
9042
|
-
* Generated on
|
|
9086
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
9043
9087
|
*/
|
|
9044
9088
|
/**
|
|
9045
9089
|
* TOKENS:
|
|
@@ -9064,7 +9108,7 @@ input:checked + .ilo--input--toggle--slider:before {
|
|
|
9064
9108
|
}
|
|
9065
9109
|
/**
|
|
9066
9110
|
* Do not edit directly
|
|
9067
|
-
* Generated on
|
|
9111
|
+
* Generated on Fri, 29 Sep 2023 08:05:47 GMT
|
|
9068
9112
|
*/
|
|
9069
9113
|
/**
|
|
9070
9114
|
* TOKENS:
|