@ilo-org/styles 0.10.1 → 0.10.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/build/css/components/index.css +146 -103
- 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 +146 -103
- package/build/css/index.css.map +1 -1
- package/build/css/monorepo.css +146 -103
- 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/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 +2 -2
- package/scss/components/_hero.scss +127 -46
- package/scss/components/_herocard.scss +22 -16
- package/scss/components/_pagination.scss +3 -0
package/build/css/index.css
CHANGED
|
@@ -152,7 +152,7 @@ select {
|
|
|
152
152
|
}
|
|
153
153
|
/**
|
|
154
154
|
* Do not edit directly
|
|
155
|
-
* Generated on
|
|
155
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
156
156
|
*/
|
|
157
157
|
/**
|
|
158
158
|
* TOKENS:
|
|
@@ -170,7 +170,7 @@ body {
|
|
|
170
170
|
|
|
171
171
|
/**
|
|
172
172
|
* Do not edit directly
|
|
173
|
-
* Generated on
|
|
173
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
174
174
|
*/
|
|
175
175
|
/**
|
|
176
176
|
* TOKENS:
|
|
@@ -289,7 +289,7 @@ body {
|
|
|
289
289
|
|
|
290
290
|
/**
|
|
291
291
|
* Do not edit directly
|
|
292
|
-
* Generated on
|
|
292
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
293
293
|
*/
|
|
294
294
|
/**
|
|
295
295
|
* TOKENS:
|
|
@@ -314,7 +314,7 @@ body {
|
|
|
314
314
|
}
|
|
315
315
|
/**
|
|
316
316
|
* Do not edit directly
|
|
317
|
-
* Generated on
|
|
317
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
318
318
|
*/
|
|
319
319
|
/**
|
|
320
320
|
* TOKENS:
|
|
@@ -568,7 +568,7 @@ body {
|
|
|
568
568
|
|
|
569
569
|
/**
|
|
570
570
|
* Do not edit directly
|
|
571
|
-
* Generated on
|
|
571
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
572
572
|
*/
|
|
573
573
|
/**
|
|
574
574
|
* TOKENS:
|
|
@@ -578,7 +578,7 @@ body {
|
|
|
578
578
|
*/
|
|
579
579
|
/**
|
|
580
580
|
* Do not edit directly
|
|
581
|
-
* Generated on
|
|
581
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
582
582
|
*/
|
|
583
583
|
/**
|
|
584
584
|
* TOKENS:
|
|
@@ -603,7 +603,7 @@ body {
|
|
|
603
603
|
}
|
|
604
604
|
/**
|
|
605
605
|
* Do not edit directly
|
|
606
|
-
* Generated on
|
|
606
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
607
607
|
*/
|
|
608
608
|
/**
|
|
609
609
|
* TOKENS:
|
|
@@ -893,7 +893,7 @@ body {
|
|
|
893
893
|
|
|
894
894
|
/**
|
|
895
895
|
* Do not edit directly
|
|
896
|
-
* Generated on
|
|
896
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
897
897
|
*/
|
|
898
898
|
/**
|
|
899
899
|
* TOKENS:
|
|
@@ -1023,7 +1023,7 @@ body {
|
|
|
1023
1023
|
|
|
1024
1024
|
/**
|
|
1025
1025
|
* Do not edit directly
|
|
1026
|
-
* Generated on
|
|
1026
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
1027
1027
|
*/
|
|
1028
1028
|
/**
|
|
1029
1029
|
* TOKENS:
|
|
@@ -1033,7 +1033,7 @@ body {
|
|
|
1033
1033
|
*/
|
|
1034
1034
|
/**
|
|
1035
1035
|
* Do not edit directly
|
|
1036
|
-
* Generated on
|
|
1036
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
1037
1037
|
*/
|
|
1038
1038
|
/**
|
|
1039
1039
|
* TOKENS:
|
|
@@ -1058,7 +1058,7 @@ body {
|
|
|
1058
1058
|
}
|
|
1059
1059
|
/**
|
|
1060
1060
|
* Do not edit directly
|
|
1061
|
-
* Generated on
|
|
1061
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
1062
1062
|
*/
|
|
1063
1063
|
/**
|
|
1064
1064
|
* TOKENS:
|
|
@@ -1075,7 +1075,7 @@ body {
|
|
|
1075
1075
|
|
|
1076
1076
|
/**
|
|
1077
1077
|
* Do not edit directly
|
|
1078
|
-
* Generated on
|
|
1078
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
1079
1079
|
*/
|
|
1080
1080
|
/**
|
|
1081
1081
|
* TOKENS:
|
|
@@ -1286,7 +1286,7 @@ body {
|
|
|
1286
1286
|
|
|
1287
1287
|
/**
|
|
1288
1288
|
* Do not edit directly
|
|
1289
|
-
* Generated on
|
|
1289
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
1290
1290
|
*/
|
|
1291
1291
|
/**
|
|
1292
1292
|
* TOKENS:
|
|
@@ -1454,7 +1454,7 @@ body {
|
|
|
1454
1454
|
|
|
1455
1455
|
/**
|
|
1456
1456
|
* Do not edit directly
|
|
1457
|
-
* Generated on
|
|
1457
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
1458
1458
|
*/
|
|
1459
1459
|
/**
|
|
1460
1460
|
* TOKENS:
|
|
@@ -1548,7 +1548,7 @@ body {
|
|
|
1548
1548
|
|
|
1549
1549
|
/**
|
|
1550
1550
|
* Do not edit directly
|
|
1551
|
-
* Generated on
|
|
1551
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
1552
1552
|
*/
|
|
1553
1553
|
/**
|
|
1554
1554
|
* TOKENS:
|
|
@@ -1685,7 +1685,7 @@ body {
|
|
|
1685
1685
|
|
|
1686
1686
|
/**
|
|
1687
1687
|
* Do not edit directly
|
|
1688
|
-
* Generated on
|
|
1688
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
1689
1689
|
*/
|
|
1690
1690
|
/**
|
|
1691
1691
|
* TOKENS:
|
|
@@ -1827,7 +1827,7 @@ body {
|
|
|
1827
1827
|
|
|
1828
1828
|
/**
|
|
1829
1829
|
* Do not edit directly
|
|
1830
|
-
* Generated on
|
|
1830
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
1831
1831
|
*/
|
|
1832
1832
|
/**
|
|
1833
1833
|
* TOKENS:
|
|
@@ -1976,7 +1976,7 @@ body {
|
|
|
1976
1976
|
|
|
1977
1977
|
/**
|
|
1978
1978
|
* Do not edit directly
|
|
1979
|
-
* Generated on
|
|
1979
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
1980
1980
|
*/
|
|
1981
1981
|
/**
|
|
1982
1982
|
* TOKENS:
|
|
@@ -2082,7 +2082,7 @@ body {
|
|
|
2082
2082
|
|
|
2083
2083
|
/**
|
|
2084
2084
|
* Do not edit directly
|
|
2085
|
-
* Generated on
|
|
2085
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2086
2086
|
*/
|
|
2087
2087
|
/**
|
|
2088
2088
|
* TOKENS:
|
|
@@ -2144,7 +2144,7 @@ body {
|
|
|
2144
2144
|
|
|
2145
2145
|
/**
|
|
2146
2146
|
* Do not edit directly
|
|
2147
|
-
* Generated on
|
|
2147
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2148
2148
|
*/
|
|
2149
2149
|
/**
|
|
2150
2150
|
* TOKENS:
|
|
@@ -2219,7 +2219,7 @@ body {
|
|
|
2219
2219
|
|
|
2220
2220
|
/**
|
|
2221
2221
|
* Do not edit directly
|
|
2222
|
-
* Generated on
|
|
2222
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2223
2223
|
*/
|
|
2224
2224
|
/**
|
|
2225
2225
|
* TOKENS:
|
|
@@ -2271,7 +2271,7 @@ body {
|
|
|
2271
2271
|
|
|
2272
2272
|
/**
|
|
2273
2273
|
* Do not edit directly
|
|
2274
|
-
* Generated on
|
|
2274
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2275
2275
|
*/
|
|
2276
2276
|
/**
|
|
2277
2277
|
* TOKENS:
|
|
@@ -2348,7 +2348,7 @@ body {
|
|
|
2348
2348
|
|
|
2349
2349
|
/**
|
|
2350
2350
|
* Do not edit directly
|
|
2351
|
-
* Generated on
|
|
2351
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2352
2352
|
*/
|
|
2353
2353
|
/**
|
|
2354
2354
|
* TOKENS:
|
|
@@ -2429,7 +2429,7 @@ body {
|
|
|
2429
2429
|
|
|
2430
2430
|
/**
|
|
2431
2431
|
* Do not edit directly
|
|
2432
|
-
* Generated on
|
|
2432
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2433
2433
|
*/
|
|
2434
2434
|
/**
|
|
2435
2435
|
* TOKENS:
|
|
@@ -2439,7 +2439,7 @@ body {
|
|
|
2439
2439
|
*/
|
|
2440
2440
|
/**
|
|
2441
2441
|
* Do not edit directly
|
|
2442
|
-
* Generated on
|
|
2442
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2443
2443
|
*/
|
|
2444
2444
|
/**
|
|
2445
2445
|
* TOKENS:
|
|
@@ -2449,7 +2449,7 @@ body {
|
|
|
2449
2449
|
*/
|
|
2450
2450
|
/**
|
|
2451
2451
|
* Do not edit directly
|
|
2452
|
-
* Generated on
|
|
2452
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2453
2453
|
*/
|
|
2454
2454
|
/**
|
|
2455
2455
|
* TOKENS:
|
|
@@ -2459,7 +2459,7 @@ body {
|
|
|
2459
2459
|
*/
|
|
2460
2460
|
/**
|
|
2461
2461
|
* Do not edit directly
|
|
2462
|
-
* Generated on
|
|
2462
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2463
2463
|
*/
|
|
2464
2464
|
/**
|
|
2465
2465
|
* TOKENS:
|
|
@@ -2585,7 +2585,7 @@ body {
|
|
|
2585
2585
|
|
|
2586
2586
|
/**
|
|
2587
2587
|
* Do not edit directly
|
|
2588
|
-
* Generated on
|
|
2588
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2589
2589
|
*/
|
|
2590
2590
|
/**
|
|
2591
2591
|
* TOKENS:
|
|
@@ -2602,7 +2602,7 @@ body {
|
|
|
2602
2602
|
|
|
2603
2603
|
/**
|
|
2604
2604
|
* Do not edit directly
|
|
2605
|
-
* Generated on
|
|
2605
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2606
2606
|
*/
|
|
2607
2607
|
/**
|
|
2608
2608
|
* TOKENS:
|
|
@@ -2690,7 +2690,7 @@ body {
|
|
|
2690
2690
|
|
|
2691
2691
|
/**
|
|
2692
2692
|
* Do not edit directly
|
|
2693
|
-
* Generated on
|
|
2693
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2694
2694
|
*/
|
|
2695
2695
|
/**
|
|
2696
2696
|
* TOKENS:
|
|
@@ -2700,7 +2700,7 @@ body {
|
|
|
2700
2700
|
*/
|
|
2701
2701
|
/**
|
|
2702
2702
|
* Do not edit directly
|
|
2703
|
-
* Generated on
|
|
2703
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2704
2704
|
*/
|
|
2705
2705
|
/**
|
|
2706
2706
|
* TOKENS:
|
|
@@ -2710,7 +2710,7 @@ body {
|
|
|
2710
2710
|
*/
|
|
2711
2711
|
/**
|
|
2712
2712
|
* Do not edit directly
|
|
2713
|
-
* Generated on
|
|
2713
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2714
2714
|
*/
|
|
2715
2715
|
/**
|
|
2716
2716
|
* TOKENS:
|
|
@@ -2763,7 +2763,7 @@ body {
|
|
|
2763
2763
|
|
|
2764
2764
|
/**
|
|
2765
2765
|
* Do not edit directly
|
|
2766
|
-
* Generated on
|
|
2766
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2767
2767
|
*/
|
|
2768
2768
|
/**
|
|
2769
2769
|
* TOKENS:
|
|
@@ -2848,7 +2848,7 @@ body {
|
|
|
2848
2848
|
|
|
2849
2849
|
/**
|
|
2850
2850
|
* Do not edit directly
|
|
2851
|
-
* Generated on
|
|
2851
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2852
2852
|
*/
|
|
2853
2853
|
/**
|
|
2854
2854
|
* TOKENS:
|
|
@@ -2945,7 +2945,7 @@ body {
|
|
|
2945
2945
|
|
|
2946
2946
|
/**
|
|
2947
2947
|
* Do not edit directly
|
|
2948
|
-
* Generated on
|
|
2948
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2949
2949
|
*/
|
|
2950
2950
|
/**
|
|
2951
2951
|
* TOKENS:
|
|
@@ -2986,7 +2986,7 @@ body {
|
|
|
2986
2986
|
|
|
2987
2987
|
/**
|
|
2988
2988
|
* Do not edit directly
|
|
2989
|
-
* Generated on
|
|
2989
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
2990
2990
|
*/
|
|
2991
2991
|
/**
|
|
2992
2992
|
* TOKENS:
|
|
@@ -3107,7 +3107,7 @@ body {
|
|
|
3107
3107
|
|
|
3108
3108
|
/**
|
|
3109
3109
|
* Do not edit directly
|
|
3110
|
-
* Generated on
|
|
3110
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
3111
3111
|
*/
|
|
3112
3112
|
/**
|
|
3113
3113
|
* TOKENS:
|
|
@@ -3117,7 +3117,7 @@ body {
|
|
|
3117
3117
|
*/
|
|
3118
3118
|
/**
|
|
3119
3119
|
* Do not edit directly
|
|
3120
|
-
* Generated on
|
|
3120
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
3121
3121
|
*/
|
|
3122
3122
|
/**
|
|
3123
3123
|
* TOKENS:
|
|
@@ -3142,7 +3142,7 @@ body {
|
|
|
3142
3142
|
}
|
|
3143
3143
|
/**
|
|
3144
3144
|
* Do not edit directly
|
|
3145
|
-
* Generated on
|
|
3145
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
3146
3146
|
*/
|
|
3147
3147
|
/**
|
|
3148
3148
|
* TOKENS:
|
|
@@ -3509,7 +3509,7 @@ body {
|
|
|
3509
3509
|
|
|
3510
3510
|
/**
|
|
3511
3511
|
* Do not edit directly
|
|
3512
|
-
* Generated on
|
|
3512
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
3513
3513
|
*/
|
|
3514
3514
|
/**
|
|
3515
3515
|
* TOKENS:
|
|
@@ -3632,7 +3632,7 @@ body {
|
|
|
3632
3632
|
|
|
3633
3633
|
/**
|
|
3634
3634
|
* Do not edit directly
|
|
3635
|
-
* Generated on
|
|
3635
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
3636
3636
|
*/
|
|
3637
3637
|
/**
|
|
3638
3638
|
* TOKENS:
|
|
@@ -3641,11 +3641,11 @@ body {
|
|
|
3641
3641
|
* MAPS:
|
|
3642
3642
|
*/
|
|
3643
3643
|
.hero {
|
|
3644
|
-
--corner-cut-height:
|
|
3644
|
+
--corner-cut-height: 40px;
|
|
3645
3645
|
width: 100%;
|
|
3646
3646
|
display: grid;
|
|
3647
3647
|
position: relative;
|
|
3648
|
-
grid-template-rows: minmax(216px, 1fr) 27px
|
|
3648
|
+
grid-template-rows: minmax(216px, 1fr) 27px 40px auto;
|
|
3649
3649
|
grid-template-columns: 1fr;
|
|
3650
3650
|
}
|
|
3651
3651
|
.hero--breadcrumbs {
|
|
@@ -3690,10 +3690,9 @@ body {
|
|
|
3690
3690
|
}
|
|
3691
3691
|
@media screen and (min-width: 1024px) {
|
|
3692
3692
|
.hero {
|
|
3693
|
-
--card-width:
|
|
3693
|
+
--card-width: 625px;
|
|
3694
3694
|
--corner-cut-height: 64px;
|
|
3695
3695
|
--breadcrumbs-height: 48px;
|
|
3696
|
-
--card-offset: 109px;
|
|
3697
3696
|
--image-gap: 240px;
|
|
3698
3697
|
--row-1-lg: var(--breadcrumbs-height);
|
|
3699
3698
|
--row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
|
|
@@ -3720,29 +3719,31 @@ body {
|
|
|
3720
3719
|
--image-gap: 527px;
|
|
3721
3720
|
}
|
|
3722
3721
|
.hero__card-size__small {
|
|
3723
|
-
--card-width:
|
|
3722
|
+
--card-width: 625px;
|
|
3724
3723
|
}
|
|
3725
3724
|
.hero__card-size__medium {
|
|
3726
|
-
--card-width:
|
|
3725
|
+
--card-width: 721px;
|
|
3727
3726
|
}
|
|
3728
3727
|
.hero__card-size__large {
|
|
3729
|
-
--card-width:
|
|
3728
|
+
--card-width: 856px;
|
|
3730
3729
|
}
|
|
3731
3730
|
.hero__card-size__xlarge {
|
|
3732
|
-
--card-width:
|
|
3731
|
+
--card-width: 920px;
|
|
3733
3732
|
}
|
|
3734
3733
|
.hero__card-size__xxlarge {
|
|
3735
|
-
--card-width:
|
|
3734
|
+
--card-width: 998px;
|
|
3736
3735
|
}
|
|
3737
3736
|
.hero__card-justify__start {
|
|
3738
|
-
--col-1-lg:
|
|
3737
|
+
--col-1-lg: calc(calc((100vw - 1300px) / 2) - 70px);
|
|
3739
3738
|
}
|
|
3740
3739
|
.hero__card-justify__offset {
|
|
3741
|
-
--col-1-lg:
|
|
3740
|
+
--col-1-lg: minmax(108px, calc(calc((100vw - 1300px) / 2) - 70px));
|
|
3742
3741
|
}
|
|
3743
3742
|
.hero__card-justify__center {
|
|
3744
|
-
--col-1-lg:
|
|
3745
|
-
--col-4-lg:
|
|
3743
|
+
--col-1-lg: calc((100% - var(--card-width)) / 2);
|
|
3744
|
+
--col-4-lg: calc(
|
|
3745
|
+
((100% - var(--card-width)) / 2) - 30px
|
|
3746
|
+
);
|
|
3746
3747
|
}
|
|
3747
3748
|
.hero__card-align__center {
|
|
3748
3749
|
--row-4-lg: calc(72px - 27px);
|
|
@@ -3753,6 +3754,21 @@ body {
|
|
|
3753
3754
|
--row-4-lg: var(--corner-cut-height);
|
|
3754
3755
|
--row-5-lg: auto;
|
|
3755
3756
|
}
|
|
3757
|
+
.hero__card-background__transparent .hero--card-offset {
|
|
3758
|
+
background-color: transparent !important;
|
|
3759
|
+
}
|
|
3760
|
+
.hero__card-theme__dark .hero--card-offset {
|
|
3761
|
+
background-color: rgb(35, 0, 80);
|
|
3762
|
+
}
|
|
3763
|
+
.hero__card-theme__dark[class*=semi-transparent] .hero--card-offset {
|
|
3764
|
+
background: rgba(35, 0, 80, 0.6);
|
|
3765
|
+
}
|
|
3766
|
+
.hero__card-theme__light .hero--card-offset {
|
|
3767
|
+
background: rgb(255, 255, 255);
|
|
3768
|
+
}
|
|
3769
|
+
.hero__card-theme__light[class*=semi-transparent] .hero--card-offset {
|
|
3770
|
+
background: rgba(255, 255, 255, 0.6);
|
|
3771
|
+
}
|
|
3756
3772
|
.hero--breadcrumbs {
|
|
3757
3773
|
grid-area: 1/1/2/5;
|
|
3758
3774
|
z-index: 1;
|
|
@@ -3760,7 +3776,14 @@ body {
|
|
|
3760
3776
|
flex-flow: row nowrap;
|
|
3761
3777
|
}
|
|
3762
3778
|
.hero--breadcrumbs--wrapper {
|
|
3763
|
-
|
|
3779
|
+
width: 100%;
|
|
3780
|
+
}
|
|
3781
|
+
.hero--breadcrumbs:before {
|
|
3782
|
+
content: "";
|
|
3783
|
+
background-color: rgb(255, 255, 255);
|
|
3784
|
+
position: relative;
|
|
3785
|
+
height: 100%;
|
|
3786
|
+
width: max(70px, (100vw - 1300px) / 2);
|
|
3764
3787
|
}
|
|
3765
3788
|
.hero--figure {
|
|
3766
3789
|
grid-area: 1/1/5/5;
|
|
@@ -3771,6 +3794,20 @@ body {
|
|
|
3771
3794
|
.hero__card-align__bottom .hero--figure {
|
|
3772
3795
|
grid-area: 1/1/5/5;
|
|
3773
3796
|
}
|
|
3797
|
+
.hero--card-offset {
|
|
3798
|
+
grid-area: 3/1/6/2;
|
|
3799
|
+
z-index: 0;
|
|
3800
|
+
background-color: transparent;
|
|
3801
|
+
}
|
|
3802
|
+
.hero__card-justify__offset .hero--card-offset, .hero__card-justify__center .hero--card-offset {
|
|
3803
|
+
background-color: transparent;
|
|
3804
|
+
}
|
|
3805
|
+
.hero__card-align__center .hero--card-offset {
|
|
3806
|
+
grid-area: 3/1/4/2;
|
|
3807
|
+
}
|
|
3808
|
+
.hero__card-align__bottom .hero--card-offset {
|
|
3809
|
+
grid-area: 4/1/6/2;
|
|
3810
|
+
}
|
|
3774
3811
|
.hero--card {
|
|
3775
3812
|
grid-area: 3/2/6/3;
|
|
3776
3813
|
}
|
|
@@ -3854,19 +3891,21 @@ body {
|
|
|
3854
3891
|
--col-1-lg: 1fr;
|
|
3855
3892
|
--col-2-lg: 30px;
|
|
3856
3893
|
--col-3-lg: var(--card-width);
|
|
3857
|
-
--col-4-lg:
|
|
3894
|
+
--col-4-lg: calc(calc((100vw - 1300px) / 2) - 70px);
|
|
3858
3895
|
}
|
|
3859
3896
|
.right-to-left .hero__card-justify__offset {
|
|
3860
3897
|
--col-1-lg: 1fr;
|
|
3861
3898
|
--col-2-lg: 30px;
|
|
3862
3899
|
--col-3-lg: var(--card-width);
|
|
3863
|
-
--col-4-lg:
|
|
3900
|
+
--col-4-lg: minmax(108px, calc(calc((100vw - 1300px) / 2) - 70px));
|
|
3864
3901
|
}
|
|
3865
3902
|
.right-to-left .hero__card-justify__center {
|
|
3866
|
-
--col-1-lg:
|
|
3903
|
+
--col-1-lg: calc(
|
|
3904
|
+
((100% - var(--card-width)) / 2) - 30px
|
|
3905
|
+
);
|
|
3867
3906
|
--col-2-lg: 30px;
|
|
3868
3907
|
--col-3-lg: var(--card-width);
|
|
3869
|
-
--col-4-lg:
|
|
3908
|
+
--col-4-lg: calc((100% - var(--card-width)) / 2);
|
|
3870
3909
|
}
|
|
3871
3910
|
.right-to-left .hero__card-align__center .hero--card {
|
|
3872
3911
|
grid-area: 3/3/4/4;
|
|
@@ -3915,6 +3954,9 @@ body {
|
|
|
3915
3954
|
border-left: none;
|
|
3916
3955
|
border-right: calc(27px - 4px) solid rgb(45, 45, 45);
|
|
3917
3956
|
}
|
|
3957
|
+
.right-to-left .hero--card-offset {
|
|
3958
|
+
grid-area: 3/4/6/5;
|
|
3959
|
+
}
|
|
3918
3960
|
.right-to-left .hero--card {
|
|
3919
3961
|
grid-area: 3/3/6/4;
|
|
3920
3962
|
}
|
|
@@ -3951,7 +3993,7 @@ body {
|
|
|
3951
3993
|
|
|
3952
3994
|
/**
|
|
3953
3995
|
* Do not edit directly
|
|
3954
|
-
* Generated on
|
|
3996
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
3955
3997
|
*/
|
|
3956
3998
|
/**
|
|
3957
3999
|
* TOKENS:
|
|
@@ -4007,11 +4049,11 @@ body {
|
|
|
4007
4049
|
}
|
|
4008
4050
|
}
|
|
4009
4051
|
.ilo--hero-card__cornercut {
|
|
4010
|
-
clip-path: polygon(0 0, calc(100% -
|
|
4052
|
+
clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
|
|
4011
4053
|
}
|
|
4012
4054
|
.right-to-left .ilo--hero-card__cornercut {
|
|
4013
|
-
clip-path: polygon(0 0, calc(100% -
|
|
4014
|
-
clip-path: polygon(
|
|
4055
|
+
clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 40px, 100% 100%, 0 100%);
|
|
4056
|
+
clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
|
|
4015
4057
|
}
|
|
4016
4058
|
@media screen and (min-width: 1024px) {
|
|
4017
4059
|
.ilo--hero-card__cornercut {
|
|
@@ -4085,7 +4127,7 @@ body {
|
|
|
4085
4127
|
|
|
4086
4128
|
/**
|
|
4087
4129
|
* Do not edit directly
|
|
4088
|
-
* Generated on
|
|
4130
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4089
4131
|
*/
|
|
4090
4132
|
/**
|
|
4091
4133
|
* TOKENS:
|
|
@@ -4141,7 +4183,7 @@ body {
|
|
|
4141
4183
|
|
|
4142
4184
|
/**
|
|
4143
4185
|
* Do not edit directly
|
|
4144
|
-
* Generated on
|
|
4186
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4145
4187
|
*/
|
|
4146
4188
|
/**
|
|
4147
4189
|
* TOKENS:
|
|
@@ -4283,7 +4325,7 @@ body {
|
|
|
4283
4325
|
|
|
4284
4326
|
/**
|
|
4285
4327
|
* Do not edit directly
|
|
4286
|
-
* Generated on
|
|
4328
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4287
4329
|
*/
|
|
4288
4330
|
/**
|
|
4289
4331
|
* TOKENS:
|
|
@@ -4293,7 +4335,7 @@ body {
|
|
|
4293
4335
|
*/
|
|
4294
4336
|
/**
|
|
4295
4337
|
* Do not edit directly
|
|
4296
|
-
* Generated on
|
|
4338
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4297
4339
|
*/
|
|
4298
4340
|
/**
|
|
4299
4341
|
* TOKENS:
|
|
@@ -4318,7 +4360,7 @@ body {
|
|
|
4318
4360
|
}
|
|
4319
4361
|
/**
|
|
4320
4362
|
* Do not edit directly
|
|
4321
|
-
* Generated on
|
|
4363
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4322
4364
|
*/
|
|
4323
4365
|
/**
|
|
4324
4366
|
* TOKENS:
|
|
@@ -4476,7 +4518,7 @@ body {
|
|
|
4476
4518
|
|
|
4477
4519
|
/**
|
|
4478
4520
|
* Do not edit directly
|
|
4479
|
-
* Generated on
|
|
4521
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4480
4522
|
*/
|
|
4481
4523
|
/**
|
|
4482
4524
|
* TOKENS:
|
|
@@ -4571,7 +4613,7 @@ body {
|
|
|
4571
4613
|
|
|
4572
4614
|
/**
|
|
4573
4615
|
* Do not edit directly
|
|
4574
|
-
* Generated on
|
|
4616
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4575
4617
|
*/
|
|
4576
4618
|
/**
|
|
4577
4619
|
* TOKENS:
|
|
@@ -4581,7 +4623,7 @@ body {
|
|
|
4581
4623
|
*/
|
|
4582
4624
|
/**
|
|
4583
4625
|
* Do not edit directly
|
|
4584
|
-
* Generated on
|
|
4626
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4585
4627
|
*/
|
|
4586
4628
|
/**
|
|
4587
4629
|
* TOKENS:
|
|
@@ -4591,7 +4633,7 @@ body {
|
|
|
4591
4633
|
*/
|
|
4592
4634
|
/**
|
|
4593
4635
|
* Do not edit directly
|
|
4594
|
-
* Generated on
|
|
4636
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4595
4637
|
*/
|
|
4596
4638
|
/**
|
|
4597
4639
|
* TOKENS:
|
|
@@ -4762,7 +4804,7 @@ body {
|
|
|
4762
4804
|
|
|
4763
4805
|
/**
|
|
4764
4806
|
* Do not edit directly
|
|
4765
|
-
* Generated on
|
|
4807
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4766
4808
|
*/
|
|
4767
4809
|
/**
|
|
4768
4810
|
* TOKENS:
|
|
@@ -4809,7 +4851,7 @@ body {
|
|
|
4809
4851
|
|
|
4810
4852
|
/**
|
|
4811
4853
|
* Do not edit directly
|
|
4812
|
-
* Generated on
|
|
4854
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4813
4855
|
*/
|
|
4814
4856
|
/**
|
|
4815
4857
|
* TOKENS:
|
|
@@ -4819,7 +4861,7 @@ body {
|
|
|
4819
4861
|
*/
|
|
4820
4862
|
/**
|
|
4821
4863
|
* Do not edit directly
|
|
4822
|
-
* Generated on
|
|
4864
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4823
4865
|
*/
|
|
4824
4866
|
/**
|
|
4825
4867
|
* TOKENS:
|
|
@@ -4829,7 +4871,7 @@ body {
|
|
|
4829
4871
|
*/
|
|
4830
4872
|
/**
|
|
4831
4873
|
* Do not edit directly
|
|
4832
|
-
* Generated on
|
|
4874
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4833
4875
|
*/
|
|
4834
4876
|
/**
|
|
4835
4877
|
* TOKENS:
|
|
@@ -4926,7 +4968,7 @@ body {
|
|
|
4926
4968
|
|
|
4927
4969
|
/**
|
|
4928
4970
|
* Do not edit directly
|
|
4929
|
-
* Generated on
|
|
4971
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
4930
4972
|
*/
|
|
4931
4973
|
/**
|
|
4932
4974
|
* TOKENS:
|
|
@@ -5816,7 +5858,7 @@ body {
|
|
|
5816
5858
|
|
|
5817
5859
|
/**
|
|
5818
5860
|
* Do not edit directly
|
|
5819
|
-
* Generated on
|
|
5861
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
5820
5862
|
*/
|
|
5821
5863
|
/**
|
|
5822
5864
|
* TOKENS:
|
|
@@ -5826,7 +5868,7 @@ body {
|
|
|
5826
5868
|
*/
|
|
5827
5869
|
/**
|
|
5828
5870
|
* Do not edit directly
|
|
5829
|
-
* Generated on
|
|
5871
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
5830
5872
|
*/
|
|
5831
5873
|
/**
|
|
5832
5874
|
* TOKENS:
|
|
@@ -5836,7 +5878,7 @@ body {
|
|
|
5836
5878
|
*/
|
|
5837
5879
|
/**
|
|
5838
5880
|
* Do not edit directly
|
|
5839
|
-
* Generated on
|
|
5881
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
5840
5882
|
*/
|
|
5841
5883
|
/**
|
|
5842
5884
|
* TOKENS:
|
|
@@ -6028,7 +6070,7 @@ body {
|
|
|
6028
6070
|
|
|
6029
6071
|
/**
|
|
6030
6072
|
* Do not edit directly
|
|
6031
|
-
* Generated on
|
|
6073
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
6032
6074
|
*/
|
|
6033
6075
|
/**
|
|
6034
6076
|
* TOKENS:
|
|
@@ -6039,6 +6081,7 @@ body {
|
|
|
6039
6081
|
.ilo--pagination {
|
|
6040
6082
|
display: flex;
|
|
6041
6083
|
justify-content: space-between;
|
|
6084
|
+
margin-bottom: 2.1436227224rem;
|
|
6042
6085
|
margin-top: 2.1436227224rem;
|
|
6043
6086
|
}
|
|
6044
6087
|
.ilo--pagination--link {
|
|
@@ -6168,7 +6211,7 @@ body {
|
|
|
6168
6211
|
|
|
6169
6212
|
/**
|
|
6170
6213
|
* Do not edit directly
|
|
6171
|
-
* Generated on
|
|
6214
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
6172
6215
|
*/
|
|
6173
6216
|
/**
|
|
6174
6217
|
* TOKENS:
|
|
@@ -6178,7 +6221,7 @@ body {
|
|
|
6178
6221
|
*/
|
|
6179
6222
|
/**
|
|
6180
6223
|
* Do not edit directly
|
|
6181
|
-
* Generated on
|
|
6224
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
6182
6225
|
*/
|
|
6183
6226
|
/**
|
|
6184
6227
|
* TOKENS:
|
|
@@ -6203,7 +6246,7 @@ body {
|
|
|
6203
6246
|
}
|
|
6204
6247
|
/**
|
|
6205
6248
|
* Do not edit directly
|
|
6206
|
-
* Generated on
|
|
6249
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
6207
6250
|
*/
|
|
6208
6251
|
/**
|
|
6209
6252
|
* TOKENS:
|
|
@@ -6370,7 +6413,7 @@ body {
|
|
|
6370
6413
|
|
|
6371
6414
|
/**
|
|
6372
6415
|
* Do not edit directly
|
|
6373
|
-
* Generated on
|
|
6416
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
6374
6417
|
*/
|
|
6375
6418
|
/**
|
|
6376
6419
|
* TOKENS:
|
|
@@ -6439,7 +6482,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
6439
6482
|
|
|
6440
6483
|
/**
|
|
6441
6484
|
* Do not edit directly
|
|
6442
|
-
* Generated on
|
|
6485
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
6443
6486
|
*/
|
|
6444
6487
|
/**
|
|
6445
6488
|
* TOKENS:
|
|
@@ -6449,7 +6492,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
6449
6492
|
*/
|
|
6450
6493
|
/**
|
|
6451
6494
|
* Do not edit directly
|
|
6452
|
-
* Generated on
|
|
6495
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
6453
6496
|
*/
|
|
6454
6497
|
/**
|
|
6455
6498
|
* TOKENS:
|
|
@@ -6474,7 +6517,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
6474
6517
|
}
|
|
6475
6518
|
/**
|
|
6476
6519
|
* Do not edit directly
|
|
6477
|
-
* Generated on
|
|
6520
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
6478
6521
|
*/
|
|
6479
6522
|
/**
|
|
6480
6523
|
* TOKENS:
|
|
@@ -6535,7 +6578,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
6535
6578
|
|
|
6536
6579
|
/**
|
|
6537
6580
|
* Do not edit directly
|
|
6538
|
-
* Generated on
|
|
6581
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
6539
6582
|
*/
|
|
6540
6583
|
/**
|
|
6541
6584
|
* TOKENS:
|
|
@@ -6950,7 +6993,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
6950
6993
|
|
|
6951
6994
|
/**
|
|
6952
6995
|
* Do not edit directly
|
|
6953
|
-
* Generated on
|
|
6996
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
6954
6997
|
*/
|
|
6955
6998
|
/**
|
|
6956
6999
|
* TOKENS:
|
|
@@ -7004,7 +7047,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7004
7047
|
|
|
7005
7048
|
/**
|
|
7006
7049
|
* Do not edit directly
|
|
7007
|
-
* Generated on
|
|
7050
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
7008
7051
|
*/
|
|
7009
7052
|
/**
|
|
7010
7053
|
* TOKENS:
|
|
@@ -7162,7 +7205,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7162
7205
|
|
|
7163
7206
|
/**
|
|
7164
7207
|
* Do not edit directly
|
|
7165
|
-
* Generated on
|
|
7208
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
7166
7209
|
*/
|
|
7167
7210
|
/**
|
|
7168
7211
|
* TOKENS:
|
|
@@ -7513,7 +7556,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7513
7556
|
|
|
7514
7557
|
/**
|
|
7515
7558
|
* Do not edit directly
|
|
7516
|
-
* Generated on
|
|
7559
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
7517
7560
|
*/
|
|
7518
7561
|
/**
|
|
7519
7562
|
* TOKENS:
|
|
@@ -7699,7 +7742,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7699
7742
|
|
|
7700
7743
|
/**
|
|
7701
7744
|
* Do not edit directly
|
|
7702
|
-
* Generated on
|
|
7745
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
7703
7746
|
*/
|
|
7704
7747
|
/**
|
|
7705
7748
|
* TOKENS:
|
|
@@ -7757,7 +7800,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7757
7800
|
|
|
7758
7801
|
/**
|
|
7759
7802
|
* Do not edit directly
|
|
7760
|
-
* Generated on
|
|
7803
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
7761
7804
|
*/
|
|
7762
7805
|
/**
|
|
7763
7806
|
* TOKENS:
|
|
@@ -7931,7 +7974,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7931
7974
|
|
|
7932
7975
|
/**
|
|
7933
7976
|
* Do not edit directly
|
|
7934
|
-
* Generated on
|
|
7977
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
7935
7978
|
*/
|
|
7936
7979
|
/**
|
|
7937
7980
|
* TOKENS:
|
|
@@ -7991,7 +8034,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
7991
8034
|
|
|
7992
8035
|
/**
|
|
7993
8036
|
* Do not edit directly
|
|
7994
|
-
* Generated on
|
|
8037
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
7995
8038
|
*/
|
|
7996
8039
|
/**
|
|
7997
8040
|
* TOKENS:
|
|
@@ -8001,7 +8044,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
|
|
|
8001
8044
|
*/
|
|
8002
8045
|
/**
|
|
8003
8046
|
* Do not edit directly
|
|
8004
|
-
* Generated on
|
|
8047
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
8005
8048
|
*/
|
|
8006
8049
|
/**
|
|
8007
8050
|
* TOKENS:
|
|
@@ -8103,7 +8146,7 @@ input:checked + .ilo--input--toggle--slider:before {
|
|
|
8103
8146
|
|
|
8104
8147
|
/**
|
|
8105
8148
|
* Do not edit directly
|
|
8106
|
-
* Generated on
|
|
8149
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
8107
8150
|
*/
|
|
8108
8151
|
/**
|
|
8109
8152
|
* TOKENS:
|
|
@@ -8278,7 +8321,7 @@ input:checked + .ilo--input--toggle--slider:before {
|
|
|
8278
8321
|
|
|
8279
8322
|
/**
|
|
8280
8323
|
* Do not edit directly
|
|
8281
|
-
* Generated on
|
|
8324
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
8282
8325
|
*/
|
|
8283
8326
|
/**
|
|
8284
8327
|
* TOKENS:
|
|
@@ -9188,7 +9231,7 @@ input:checked + .ilo--input--toggle--slider:before {
|
|
|
9188
9231
|
|
|
9189
9232
|
/**
|
|
9190
9233
|
* Do not edit directly
|
|
9191
|
-
* Generated on
|
|
9234
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
9192
9235
|
*/
|
|
9193
9236
|
/**
|
|
9194
9237
|
* TOKENS:
|
|
@@ -9198,7 +9241,7 @@ input:checked + .ilo--input--toggle--slider:before {
|
|
|
9198
9241
|
*/
|
|
9199
9242
|
/**
|
|
9200
9243
|
* Do not edit directly
|
|
9201
|
-
* Generated on
|
|
9244
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
9202
9245
|
*/
|
|
9203
9246
|
/**
|
|
9204
9247
|
* TOKENS:
|
|
@@ -9223,7 +9266,7 @@ input:checked + .ilo--input--toggle--slider:before {
|
|
|
9223
9266
|
}
|
|
9224
9267
|
/**
|
|
9225
9268
|
* Do not edit directly
|
|
9226
|
-
* Generated on
|
|
9269
|
+
* Generated on Thu, 28 Sep 2023 13:35:59 GMT
|
|
9227
9270
|
*/
|
|
9228
9271
|
/**
|
|
9229
9272
|
* TOKENS:
|