@ilo-org/styles 0.1.8 → 0.1.9
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 +176 -77
- package/build/css/components/index.css.map +1 -1
- package/build/css/index.css +176 -77
- package/build/css/index.css.map +1 -1
- package/build/css/monorepo.css +176 -77
- 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/package.json +3 -3
- package/scss/components/_card.scss +90 -6
- package/scss/components/_checkbox.scss +1 -0
- package/scss/components/_hero.scss +52 -25
- package/scss/components/_tag.scss +1 -1
package/build/css/monorepo.css
CHANGED
|
@@ -151,7 +151,7 @@ select {
|
|
|
151
151
|
}
|
|
152
152
|
/**
|
|
153
153
|
* Do not edit directly
|
|
154
|
-
* Generated on
|
|
154
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
155
155
|
*/
|
|
156
156
|
/**
|
|
157
157
|
* TOKENS:
|
|
@@ -250,7 +250,7 @@ body {
|
|
|
250
250
|
|
|
251
251
|
/**
|
|
252
252
|
* Do not edit directly
|
|
253
|
-
* Generated on
|
|
253
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
254
254
|
*/
|
|
255
255
|
/**
|
|
256
256
|
* TOKENS:
|
|
@@ -351,7 +351,7 @@ body {
|
|
|
351
351
|
|
|
352
352
|
/**
|
|
353
353
|
* Do not edit directly
|
|
354
|
-
* Generated on
|
|
354
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
355
355
|
*/
|
|
356
356
|
/**
|
|
357
357
|
* TOKENS:
|
|
@@ -376,7 +376,7 @@ body {
|
|
|
376
376
|
}
|
|
377
377
|
/**
|
|
378
378
|
* Do not edit directly
|
|
379
|
-
* Generated on
|
|
379
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
380
380
|
*/
|
|
381
381
|
/**
|
|
382
382
|
* TOKENS:
|
|
@@ -606,7 +606,7 @@ body {
|
|
|
606
606
|
|
|
607
607
|
/**
|
|
608
608
|
* Do not edit directly
|
|
609
|
-
* Generated on
|
|
609
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
610
610
|
*/
|
|
611
611
|
/**
|
|
612
612
|
* TOKENS:
|
|
@@ -616,7 +616,7 @@ body {
|
|
|
616
616
|
*/
|
|
617
617
|
/**
|
|
618
618
|
* Do not edit directly
|
|
619
|
-
* Generated on
|
|
619
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
620
620
|
*/
|
|
621
621
|
/**
|
|
622
622
|
* TOKENS:
|
|
@@ -641,7 +641,7 @@ body {
|
|
|
641
641
|
}
|
|
642
642
|
/**
|
|
643
643
|
* Do not edit directly
|
|
644
|
-
* Generated on
|
|
644
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
645
645
|
*/
|
|
646
646
|
/**
|
|
647
647
|
* TOKENS:
|
|
@@ -931,7 +931,7 @@ body {
|
|
|
931
931
|
|
|
932
932
|
/**
|
|
933
933
|
* Do not edit directly
|
|
934
|
-
* Generated on
|
|
934
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
935
935
|
*/
|
|
936
936
|
/**
|
|
937
937
|
* TOKENS:
|
|
@@ -1061,7 +1061,7 @@ body {
|
|
|
1061
1061
|
|
|
1062
1062
|
/**
|
|
1063
1063
|
* Do not edit directly
|
|
1064
|
-
* Generated on
|
|
1064
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
1065
1065
|
*/
|
|
1066
1066
|
/**
|
|
1067
1067
|
* TOKENS:
|
|
@@ -1270,6 +1270,24 @@ body {
|
|
|
1270
1270
|
position: relative;
|
|
1271
1271
|
z-index: 2;
|
|
1272
1272
|
}
|
|
1273
|
+
.ilo--card--isvideo .ilo--card--image--wrapper {
|
|
1274
|
+
position: relative;
|
|
1275
|
+
}
|
|
1276
|
+
.ilo--card--isvideo .ilo--card--image--wrapper::before {
|
|
1277
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(237, 240, 242)' d='M22 11.9999L4 2V22L22 11.9999Z'/%3e%3c/svg%3e");
|
|
1278
|
+
background-color: rgb(45, 45, 45);
|
|
1279
|
+
background-position: center;
|
|
1280
|
+
background-size: 18px 20px;
|
|
1281
|
+
background-repeat: no-repeat;
|
|
1282
|
+
content: "";
|
|
1283
|
+
display: block;
|
|
1284
|
+
height: 40px;
|
|
1285
|
+
left: 0;
|
|
1286
|
+
position: absolute;
|
|
1287
|
+
top: 0;
|
|
1288
|
+
width: 40px;
|
|
1289
|
+
z-index: 1;
|
|
1290
|
+
}
|
|
1273
1291
|
.ilo--card--multilink {
|
|
1274
1292
|
padding: 1.2861736334rem;
|
|
1275
1293
|
}
|
|
@@ -1576,7 +1594,7 @@ body {
|
|
|
1576
1594
|
margin-bottom: 1.674953518rem;
|
|
1577
1595
|
}
|
|
1578
1596
|
.ilo--card--graphic.ilo--card--dark {
|
|
1579
|
-
border-bottom: 0.1607717042rem solid rgb(
|
|
1597
|
+
border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
|
|
1580
1598
|
}
|
|
1581
1599
|
.ilo--card--graphic .ilo--card--eyebrow {
|
|
1582
1600
|
margin-bottom: 1.0110920672rem;
|
|
@@ -1604,6 +1622,10 @@ body {
|
|
|
1604
1622
|
padding: 2.1436227224rem 1.2861736334rem;
|
|
1605
1623
|
width: 100%;
|
|
1606
1624
|
}
|
|
1625
|
+
.ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
|
|
1626
|
+
height: 2.1436227224rem;
|
|
1627
|
+
top: -2.127545552rem;
|
|
1628
|
+
}
|
|
1607
1629
|
.ilo--card--graphicpromo:hover, .ilo--card--graphicpromo:focus {
|
|
1608
1630
|
filter: drop-shadow(0px 0.8px 1.6px rgba(30, 45, 190, 0.038)) drop-shadow(0px 4px 8px rgba(30, 45, 190, 0.054)) drop-shadow(0px 10px 20px rgba(30, 45, 190, 0.08)) drop-shadow(0px -4px 16px rgba(30, 45, 190, 0.054));
|
|
1609
1631
|
}
|
|
@@ -1611,11 +1633,19 @@ body {
|
|
|
1611
1633
|
.ilo--card--graphicpromo {
|
|
1612
1634
|
padding: 2.5723472669rem;
|
|
1613
1635
|
}
|
|
1636
|
+
.ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
|
|
1637
|
+
height: 3.4297963558rem;
|
|
1638
|
+
top: -3.4137191854rem;
|
|
1639
|
+
}
|
|
1614
1640
|
}
|
|
1615
1641
|
@media screen and (min-width: 1024px) {
|
|
1616
1642
|
.ilo--card--graphicpromo {
|
|
1617
1643
|
padding: 3.4297963558rem 3.8585209003rem;
|
|
1618
1644
|
}
|
|
1645
|
+
.ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
|
|
1646
|
+
height: 3.4297963558rem;
|
|
1647
|
+
top: -3.4137191854rem;
|
|
1648
|
+
}
|
|
1619
1649
|
}
|
|
1620
1650
|
.ilo--card--graphicpromo.ilo--card--wide {
|
|
1621
1651
|
padding: 3.4297963558rem 3.8585209003rem;
|
|
@@ -1718,8 +1748,8 @@ body {
|
|
|
1718
1748
|
}
|
|
1719
1749
|
.ilo--card--factlist.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
|
|
1720
1750
|
clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
|
|
1721
|
-
height:
|
|
1722
|
-
top: -
|
|
1751
|
+
height: 2.1436227224rem;
|
|
1752
|
+
top: -2.127545552rem;
|
|
1723
1753
|
}
|
|
1724
1754
|
.ilo--card--factlist.ilo--card--dark {
|
|
1725
1755
|
background: rgb(35, 0, 80);
|
|
@@ -1802,7 +1832,7 @@ body {
|
|
|
1802
1832
|
padding: 0 1.2861736334rem 2.1436227224rem 1.1789924973rem;
|
|
1803
1833
|
width: 100%;
|
|
1804
1834
|
}
|
|
1805
|
-
.ilo--card--stat::before {
|
|
1835
|
+
.ilo--card--stat.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
|
|
1806
1836
|
clip-path: polygon(75% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
|
|
1807
1837
|
height: 2.1436227224rem;
|
|
1808
1838
|
top: -2.127545552rem;
|
|
@@ -1849,6 +1879,12 @@ body {
|
|
|
1849
1879
|
line-height: 16.24px;
|
|
1850
1880
|
align-self: flex-end;
|
|
1851
1881
|
}
|
|
1882
|
+
@media screen and (min-width: 1024px) {
|
|
1883
|
+
.ilo--card--stat.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
|
|
1884
|
+
height: 2.5723472669rem;
|
|
1885
|
+
top: -2.5562700965rem;
|
|
1886
|
+
}
|
|
1887
|
+
}
|
|
1852
1888
|
.ilo--card--data {
|
|
1853
1889
|
background: rgb(235, 245, 253);
|
|
1854
1890
|
border-bottom: 0.1607717042rem solid #82afdc;
|
|
@@ -1917,7 +1953,18 @@ body {
|
|
|
1917
1953
|
display: none;
|
|
1918
1954
|
}
|
|
1919
1955
|
.ilo--card--feature.ilo--card--dark {
|
|
1920
|
-
border-bottom: 0.1607717042rem solid rgb(
|
|
1956
|
+
border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
|
|
1957
|
+
}
|
|
1958
|
+
.ilo--card--feature.ilo--card--dark .ilo--link-list {
|
|
1959
|
+
border-top: 2px solid rgba(237, 240, 242, 0.25);
|
|
1960
|
+
}
|
|
1961
|
+
.ilo--card--feature.ilo--card--dark .ilo--link-list--link {
|
|
1962
|
+
color: rgb(255, 255, 255);
|
|
1963
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(255, 255, 255)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
|
|
1964
|
+
}
|
|
1965
|
+
.ilo--card--feature.ilo--card--dark:hover .ilo--link-list--link, .ilo--card--feature.ilo--card--dark:focus .ilo--link-list--link {
|
|
1966
|
+
color: rgb(30, 45, 190);
|
|
1967
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(30, 45, 190)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
|
|
1921
1968
|
}
|
|
1922
1969
|
.ilo--card--feature picture::before {
|
|
1923
1970
|
transition-property: opacity;
|
|
@@ -1939,6 +1986,19 @@ body {
|
|
|
1939
1986
|
.ilo--card--feature:hover .ilo--card--image, .ilo--card--feature:focus .ilo--card--image {
|
|
1940
1987
|
filter: saturate(0);
|
|
1941
1988
|
}
|
|
1989
|
+
.ilo--card--feature .ilo--link-list {
|
|
1990
|
+
border-top: 0.1071811361rem solid rgb(237, 240, 242);
|
|
1991
|
+
margin-left: -1.2861736334rem;
|
|
1992
|
+
margin-right: -1.2861736334rem;
|
|
1993
|
+
margin-top: 1.822079314rem;
|
|
1994
|
+
position: relative;
|
|
1995
|
+
z-index: 2;
|
|
1996
|
+
}
|
|
1997
|
+
.ilo--card--feature .ilo--link-list--link, .ilo--card--feature .ilo--link-list--link:hover {
|
|
1998
|
+
border-bottom: none;
|
|
1999
|
+
padding-left: 1.2861736334rem;
|
|
2000
|
+
padding-right: 1.2861736334rem;
|
|
2001
|
+
}
|
|
1942
2002
|
.ilo--card--feature.ilo--card--narrow .ilo--card--wrap, .ilo--card--feature.ilo--card--standard .ilo--card--wrap {
|
|
1943
2003
|
display: flex;
|
|
1944
2004
|
flex-wrap: wrap;
|
|
@@ -2002,6 +2062,9 @@ body {
|
|
|
2002
2062
|
.ilo--card--feature .ilo--card--content {
|
|
2003
2063
|
padding: 1.2861736334rem 1.2861736334rem 2.1436227224rem;
|
|
2004
2064
|
}
|
|
2065
|
+
.ilo--card--feature.ilo--card--linklist .ilo--card--content {
|
|
2066
|
+
padding-bottom: 0;
|
|
2067
|
+
}
|
|
2005
2068
|
.ilo--card--feature .ilo--card--title {
|
|
2006
2069
|
font-size: 23.32px;
|
|
2007
2070
|
letter-spacing: -0.035em;
|
|
@@ -2022,7 +2085,7 @@ body {
|
|
|
2022
2085
|
|
|
2023
2086
|
/**
|
|
2024
2087
|
* Do not edit directly
|
|
2025
|
-
* Generated on
|
|
2088
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2026
2089
|
*/
|
|
2027
2090
|
/**
|
|
2028
2091
|
* TOKENS:
|
|
@@ -2067,7 +2130,7 @@ body {
|
|
|
2067
2130
|
|
|
2068
2131
|
/**
|
|
2069
2132
|
* Do not edit directly
|
|
2070
|
-
* Generated on
|
|
2133
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2071
2134
|
*/
|
|
2072
2135
|
/**
|
|
2073
2136
|
* TOKENS:
|
|
@@ -2150,6 +2213,7 @@ body {
|
|
|
2150
2213
|
margin-bottom: 1.1789924973rem;
|
|
2151
2214
|
}
|
|
2152
2215
|
.ilo--fieldset--input--checkbox .ilo--fieldset--label {
|
|
2216
|
+
font-family: Noto Sans, sans-serif;
|
|
2153
2217
|
font-weight: 400;
|
|
2154
2218
|
line-height: 1;
|
|
2155
2219
|
margin-left: 0.4287245445rem;
|
|
@@ -2169,7 +2233,7 @@ body {
|
|
|
2169
2233
|
|
|
2170
2234
|
/**
|
|
2171
2235
|
* Do not edit directly
|
|
2172
|
-
* Generated on
|
|
2236
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2173
2237
|
*/
|
|
2174
2238
|
/**
|
|
2175
2239
|
* TOKENS:
|
|
@@ -2242,7 +2306,7 @@ body {
|
|
|
2242
2306
|
|
|
2243
2307
|
/**
|
|
2244
2308
|
* Do not edit directly
|
|
2245
|
-
* Generated on
|
|
2309
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2246
2310
|
*/
|
|
2247
2311
|
/**
|
|
2248
2312
|
* TOKENS:
|
|
@@ -2252,7 +2316,7 @@ body {
|
|
|
2252
2316
|
*/
|
|
2253
2317
|
/**
|
|
2254
2318
|
* Do not edit directly
|
|
2255
|
-
* Generated on
|
|
2319
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2256
2320
|
*/
|
|
2257
2321
|
/**
|
|
2258
2322
|
* TOKENS:
|
|
@@ -2262,7 +2326,7 @@ body {
|
|
|
2262
2326
|
*/
|
|
2263
2327
|
/**
|
|
2264
2328
|
* Do not edit directly
|
|
2265
|
-
* Generated on
|
|
2329
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2266
2330
|
*/
|
|
2267
2331
|
/**
|
|
2268
2332
|
* TOKENS:
|
|
@@ -2272,7 +2336,7 @@ body {
|
|
|
2272
2336
|
*/
|
|
2273
2337
|
/**
|
|
2274
2338
|
* Do not edit directly
|
|
2275
|
-
* Generated on
|
|
2339
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2276
2340
|
*/
|
|
2277
2341
|
/**
|
|
2278
2342
|
* TOKENS:
|
|
@@ -2398,7 +2462,7 @@ body {
|
|
|
2398
2462
|
|
|
2399
2463
|
/**
|
|
2400
2464
|
* Do not edit directly
|
|
2401
|
-
* Generated on
|
|
2465
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2402
2466
|
*/
|
|
2403
2467
|
/**
|
|
2404
2468
|
* TOKENS:
|
|
@@ -2426,7 +2490,7 @@ body {
|
|
|
2426
2490
|
|
|
2427
2491
|
/**
|
|
2428
2492
|
* Do not edit directly
|
|
2429
|
-
* Generated on
|
|
2493
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2430
2494
|
*/
|
|
2431
2495
|
/**
|
|
2432
2496
|
* TOKENS:
|
|
@@ -2512,7 +2576,7 @@ body {
|
|
|
2512
2576
|
|
|
2513
2577
|
/**
|
|
2514
2578
|
* Do not edit directly
|
|
2515
|
-
* Generated on
|
|
2579
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2516
2580
|
*/
|
|
2517
2581
|
/**
|
|
2518
2582
|
* TOKENS:
|
|
@@ -2522,7 +2586,7 @@ body {
|
|
|
2522
2586
|
*/
|
|
2523
2587
|
/**
|
|
2524
2588
|
* Do not edit directly
|
|
2525
|
-
* Generated on
|
|
2589
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2526
2590
|
*/
|
|
2527
2591
|
/**
|
|
2528
2592
|
* TOKENS:
|
|
@@ -2532,7 +2596,7 @@ body {
|
|
|
2532
2596
|
*/
|
|
2533
2597
|
/**
|
|
2534
2598
|
* Do not edit directly
|
|
2535
|
-
* Generated on
|
|
2599
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2536
2600
|
*/
|
|
2537
2601
|
/**
|
|
2538
2602
|
* TOKENS:
|
|
@@ -2585,7 +2649,7 @@ body {
|
|
|
2585
2649
|
|
|
2586
2650
|
/**
|
|
2587
2651
|
* Do not edit directly
|
|
2588
|
-
* Generated on
|
|
2652
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2589
2653
|
*/
|
|
2590
2654
|
/**
|
|
2591
2655
|
* TOKENS:
|
|
@@ -2660,7 +2724,7 @@ body {
|
|
|
2660
2724
|
|
|
2661
2725
|
/**
|
|
2662
2726
|
* Do not edit directly
|
|
2663
|
-
* Generated on
|
|
2727
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2664
2728
|
*/
|
|
2665
2729
|
/**
|
|
2666
2730
|
* TOKENS:
|
|
@@ -2766,7 +2830,7 @@ body {
|
|
|
2766
2830
|
|
|
2767
2831
|
/**
|
|
2768
2832
|
* Do not edit directly
|
|
2769
|
-
* Generated on
|
|
2833
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2770
2834
|
*/
|
|
2771
2835
|
/**
|
|
2772
2836
|
* TOKENS:
|
|
@@ -2789,7 +2853,7 @@ body {
|
|
|
2789
2853
|
|
|
2790
2854
|
/**
|
|
2791
2855
|
* Do not edit directly
|
|
2792
|
-
* Generated on
|
|
2856
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2793
2857
|
*/
|
|
2794
2858
|
/**
|
|
2795
2859
|
* TOKENS:
|
|
@@ -2803,7 +2867,7 @@ body {
|
|
|
2803
2867
|
|
|
2804
2868
|
/**
|
|
2805
2869
|
* Do not edit directly
|
|
2806
|
-
* Generated on
|
|
2870
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2807
2871
|
*/
|
|
2808
2872
|
/**
|
|
2809
2873
|
* TOKENS:
|
|
@@ -2813,7 +2877,7 @@ body {
|
|
|
2813
2877
|
*/
|
|
2814
2878
|
/**
|
|
2815
2879
|
* Do not edit directly
|
|
2816
|
-
* Generated on
|
|
2880
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2817
2881
|
*/
|
|
2818
2882
|
/**
|
|
2819
2883
|
* TOKENS:
|
|
@@ -2838,7 +2902,7 @@ body {
|
|
|
2838
2902
|
}
|
|
2839
2903
|
/**
|
|
2840
2904
|
* Do not edit directly
|
|
2841
|
-
* Generated on
|
|
2905
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2842
2906
|
*/
|
|
2843
2907
|
/**
|
|
2844
2908
|
* TOKENS:
|
|
@@ -3235,7 +3299,7 @@ body {
|
|
|
3235
3299
|
|
|
3236
3300
|
/**
|
|
3237
3301
|
* Do not edit directly
|
|
3238
|
-
* Generated on
|
|
3302
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3239
3303
|
*/
|
|
3240
3304
|
/**
|
|
3241
3305
|
* TOKENS:
|
|
@@ -3358,7 +3422,7 @@ body {
|
|
|
3358
3422
|
|
|
3359
3423
|
/**
|
|
3360
3424
|
* Do not edit directly
|
|
3361
|
-
* Generated on
|
|
3425
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3362
3426
|
*/
|
|
3363
3427
|
/**
|
|
3364
3428
|
* TOKENS:
|
|
@@ -3369,6 +3433,7 @@ body {
|
|
|
3369
3433
|
.ilo--hero {
|
|
3370
3434
|
background: rgb(237, 240, 242);
|
|
3371
3435
|
display: block;
|
|
3436
|
+
position: relative;
|
|
3372
3437
|
width: 100%;
|
|
3373
3438
|
}
|
|
3374
3439
|
.ilo--hero--home .ilo--image::before {
|
|
@@ -3494,6 +3559,16 @@ body {
|
|
|
3494
3559
|
width: 100%;
|
|
3495
3560
|
}
|
|
3496
3561
|
}
|
|
3562
|
+
.ilo--hero .ilo--breadcrumb {
|
|
3563
|
+
left: 0;
|
|
3564
|
+
max-width: 560px;
|
|
3565
|
+
position: absolute;
|
|
3566
|
+
top: 0;
|
|
3567
|
+
}
|
|
3568
|
+
.right-to-left .ilo--hero .ilo--breadcrumb {
|
|
3569
|
+
left: auto;
|
|
3570
|
+
right: 0;
|
|
3571
|
+
}
|
|
3497
3572
|
|
|
3498
3573
|
.ilo--hero-card {
|
|
3499
3574
|
background: rgb(255, 255, 255);
|
|
@@ -3520,14 +3595,17 @@ body {
|
|
|
3520
3595
|
}
|
|
3521
3596
|
@media screen and (min-width: 1024px) {
|
|
3522
3597
|
.ilo--hero-card::before {
|
|
3523
|
-
height:
|
|
3524
|
-
top: -
|
|
3598
|
+
height: 56px;
|
|
3599
|
+
top: -55.7px;
|
|
3525
3600
|
}
|
|
3526
3601
|
}
|
|
3527
3602
|
@media screen and (min-width: 1024px) {
|
|
3528
3603
|
.ilo--hero-card {
|
|
3529
3604
|
padding: 0 70px 70px 56px;
|
|
3530
3605
|
}
|
|
3606
|
+
.ilo--hero-card.ilo--hero-card--graphic {
|
|
3607
|
+
padding: 0 70px 44px 56px;
|
|
3608
|
+
}
|
|
3531
3609
|
}
|
|
3532
3610
|
.right-to-left .ilo--hero-card {
|
|
3533
3611
|
direction: rtl;
|
|
@@ -3577,6 +3655,9 @@ body {
|
|
|
3577
3655
|
border: none;
|
|
3578
3656
|
padding: 24px;
|
|
3579
3657
|
}
|
|
3658
|
+
.ilo--hero-card--home::before {
|
|
3659
|
+
display: none;
|
|
3660
|
+
}
|
|
3580
3661
|
@media screen and (min-width: 1024px) {
|
|
3581
3662
|
.ilo--hero-card--home {
|
|
3582
3663
|
bottom: 72px;
|
|
@@ -3585,6 +3666,22 @@ body {
|
|
|
3585
3666
|
position: absolute;
|
|
3586
3667
|
width: 100%;
|
|
3587
3668
|
}
|
|
3669
|
+
.ilo--hero-card--home::before {
|
|
3670
|
+
background: inherit;
|
|
3671
|
+
clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
|
|
3672
|
+
content: "";
|
|
3673
|
+
display: block;
|
|
3674
|
+
height: 59px;
|
|
3675
|
+
left: 0;
|
|
3676
|
+
position: absolute;
|
|
3677
|
+
top: -58.7px;
|
|
3678
|
+
width: 100%;
|
|
3679
|
+
}
|
|
3680
|
+
.right-to-left .ilo--hero-card--home::before {
|
|
3681
|
+
clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 10% 0%);
|
|
3682
|
+
left: auto;
|
|
3683
|
+
right: 0;
|
|
3684
|
+
}
|
|
3588
3685
|
.ilo--hero-card--home.ilo--hero-card--center {
|
|
3589
3686
|
left: 50%;
|
|
3590
3687
|
right: auto;
|
|
@@ -3599,8 +3696,10 @@ body {
|
|
|
3599
3696
|
right: 0;
|
|
3600
3697
|
}
|
|
3601
3698
|
}
|
|
3602
|
-
|
|
3603
|
-
|
|
3699
|
+
@media screen and (min-width: 1024px) {
|
|
3700
|
+
.ilo--hero-card--home.ilo--hero-card--dark {
|
|
3701
|
+
background: rgba(35, 0, 80, 0.55);
|
|
3702
|
+
}
|
|
3604
3703
|
}
|
|
3605
3704
|
.ilo--hero-card--portal {
|
|
3606
3705
|
background: rgb(35, 0, 80);
|
|
@@ -3615,11 +3714,11 @@ body {
|
|
|
3615
3714
|
}
|
|
3616
3715
|
}
|
|
3617
3716
|
.ilo--hero-card--publication {
|
|
3618
|
-
margin-top: -64px;
|
|
3619
3717
|
padding: 24px;
|
|
3620
3718
|
}
|
|
3621
3719
|
@media screen and (min-width: 1024px) {
|
|
3622
3720
|
.ilo--hero-card--publication {
|
|
3721
|
+
margin-top: -64px;
|
|
3623
3722
|
max-width: 720px;
|
|
3624
3723
|
padding: 0 48px 48px 72px;
|
|
3625
3724
|
width: 100%;
|
|
@@ -3629,21 +3728,21 @@ body {
|
|
|
3629
3728
|
font-size: 16px;
|
|
3630
3729
|
letter-spacing: normal;
|
|
3631
3730
|
line-height: 23.36px;
|
|
3632
|
-
margin-bottom: 1.
|
|
3731
|
+
margin-bottom: 1.5005359057rem;
|
|
3633
3732
|
color: rgb(109, 109, 109);
|
|
3634
3733
|
}
|
|
3635
3734
|
.ilo--hero-card--eyebrow {
|
|
3636
3735
|
font-size: 16px;
|
|
3637
3736
|
letter-spacing: normal;
|
|
3638
3737
|
line-height: 23.36px;
|
|
3639
|
-
margin-bottom:
|
|
3738
|
+
margin-bottom: 0.857449089rem;
|
|
3640
3739
|
color: rgb(150, 10, 85);
|
|
3641
3740
|
}
|
|
3642
3741
|
.ilo--hero-card--intro {
|
|
3643
3742
|
font-size: 16px;
|
|
3644
3743
|
letter-spacing: normal;
|
|
3645
3744
|
line-height: 23.36px;
|
|
3646
|
-
margin-bottom: 1.
|
|
3745
|
+
margin-bottom: 1.5005359057rem;
|
|
3647
3746
|
}
|
|
3648
3747
|
@media screen and (min-width: 1024px) {
|
|
3649
3748
|
.ilo--hero-card--intro {
|
|
@@ -3720,7 +3819,7 @@ body {
|
|
|
3720
3819
|
|
|
3721
3820
|
/**
|
|
3722
3821
|
* Do not edit directly
|
|
3723
|
-
* Generated on
|
|
3822
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3724
3823
|
*/
|
|
3725
3824
|
/**
|
|
3726
3825
|
* TOKENS:
|
|
@@ -3776,7 +3875,7 @@ body {
|
|
|
3776
3875
|
|
|
3777
3876
|
/**
|
|
3778
3877
|
* Do not edit directly
|
|
3779
|
-
* Generated on
|
|
3878
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3780
3879
|
*/
|
|
3781
3880
|
/**
|
|
3782
3881
|
* TOKENS:
|
|
@@ -3918,7 +4017,7 @@ body {
|
|
|
3918
4017
|
|
|
3919
4018
|
/**
|
|
3920
4019
|
* Do not edit directly
|
|
3921
|
-
* Generated on
|
|
4020
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3922
4021
|
*/
|
|
3923
4022
|
/**
|
|
3924
4023
|
* TOKENS:
|
|
@@ -3928,7 +4027,7 @@ body {
|
|
|
3928
4027
|
*/
|
|
3929
4028
|
/**
|
|
3930
4029
|
* Do not edit directly
|
|
3931
|
-
* Generated on
|
|
4030
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3932
4031
|
*/
|
|
3933
4032
|
/**
|
|
3934
4033
|
* TOKENS:
|
|
@@ -3953,7 +4052,7 @@ body {
|
|
|
3953
4052
|
}
|
|
3954
4053
|
/**
|
|
3955
4054
|
* Do not edit directly
|
|
3956
|
-
* Generated on
|
|
4055
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3957
4056
|
*/
|
|
3958
4057
|
/**
|
|
3959
4058
|
* TOKENS:
|
|
@@ -4107,7 +4206,7 @@ body {
|
|
|
4107
4206
|
|
|
4108
4207
|
/**
|
|
4109
4208
|
* Do not edit directly
|
|
4110
|
-
* Generated on
|
|
4209
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4111
4210
|
*/
|
|
4112
4211
|
/**
|
|
4113
4212
|
* TOKENS:
|
|
@@ -4170,7 +4269,7 @@ body {
|
|
|
4170
4269
|
|
|
4171
4270
|
/**
|
|
4172
4271
|
* Do not edit directly
|
|
4173
|
-
* Generated on
|
|
4272
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4174
4273
|
*/
|
|
4175
4274
|
/**
|
|
4176
4275
|
* TOKENS:
|
|
@@ -4180,7 +4279,7 @@ body {
|
|
|
4180
4279
|
*/
|
|
4181
4280
|
/**
|
|
4182
4281
|
* Do not edit directly
|
|
4183
|
-
* Generated on
|
|
4282
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4184
4283
|
*/
|
|
4185
4284
|
/**
|
|
4186
4285
|
* TOKENS:
|
|
@@ -4190,7 +4289,7 @@ body {
|
|
|
4190
4289
|
*/
|
|
4191
4290
|
/**
|
|
4192
4291
|
* Do not edit directly
|
|
4193
|
-
* Generated on
|
|
4292
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4194
4293
|
*/
|
|
4195
4294
|
/**
|
|
4196
4295
|
* TOKENS:
|
|
@@ -4298,7 +4397,7 @@ body {
|
|
|
4298
4397
|
|
|
4299
4398
|
/**
|
|
4300
4399
|
* Do not edit directly
|
|
4301
|
-
* Generated on
|
|
4400
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4302
4401
|
*/
|
|
4303
4402
|
/**
|
|
4304
4403
|
* TOKENS:
|
|
@@ -4308,7 +4407,7 @@ body {
|
|
|
4308
4407
|
*/
|
|
4309
4408
|
/**
|
|
4310
4409
|
* Do not edit directly
|
|
4311
|
-
* Generated on
|
|
4410
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4312
4411
|
*/
|
|
4313
4412
|
/**
|
|
4314
4413
|
* TOKENS:
|
|
@@ -4318,7 +4417,7 @@ body {
|
|
|
4318
4417
|
*/
|
|
4319
4418
|
/**
|
|
4320
4419
|
* Do not edit directly
|
|
4321
|
-
* Generated on
|
|
4420
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4322
4421
|
*/
|
|
4323
4422
|
/**
|
|
4324
4423
|
* TOKENS:
|
|
@@ -4415,7 +4514,7 @@ body {
|
|
|
4415
4514
|
|
|
4416
4515
|
/**
|
|
4417
4516
|
* Do not edit directly
|
|
4418
|
-
* Generated on
|
|
4517
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4419
4518
|
*/
|
|
4420
4519
|
/**
|
|
4421
4520
|
* TOKENS:
|
|
@@ -5158,7 +5257,7 @@ body {
|
|
|
5158
5257
|
|
|
5159
5258
|
/**
|
|
5160
5259
|
* Do not edit directly
|
|
5161
|
-
* Generated on
|
|
5260
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5162
5261
|
*/
|
|
5163
5262
|
/**
|
|
5164
5263
|
* TOKENS:
|
|
@@ -5168,7 +5267,7 @@ body {
|
|
|
5168
5267
|
*/
|
|
5169
5268
|
/**
|
|
5170
5269
|
* Do not edit directly
|
|
5171
|
-
* Generated on
|
|
5270
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5172
5271
|
*/
|
|
5173
5272
|
/**
|
|
5174
5273
|
* TOKENS:
|
|
@@ -5178,7 +5277,7 @@ body {
|
|
|
5178
5277
|
*/
|
|
5179
5278
|
/**
|
|
5180
5279
|
* Do not edit directly
|
|
5181
|
-
* Generated on
|
|
5280
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5182
5281
|
*/
|
|
5183
5282
|
/**
|
|
5184
5283
|
* TOKENS:
|
|
@@ -5370,7 +5469,7 @@ body {
|
|
|
5370
5469
|
|
|
5371
5470
|
/**
|
|
5372
5471
|
* Do not edit directly
|
|
5373
|
-
* Generated on
|
|
5472
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5374
5473
|
*/
|
|
5375
5474
|
/**
|
|
5376
5475
|
* TOKENS:
|
|
@@ -5505,7 +5604,7 @@ body {
|
|
|
5505
5604
|
|
|
5506
5605
|
/**
|
|
5507
5606
|
* Do not edit directly
|
|
5508
|
-
* Generated on
|
|
5607
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5509
5608
|
*/
|
|
5510
5609
|
/**
|
|
5511
5610
|
* TOKENS:
|
|
@@ -5515,7 +5614,7 @@ body {
|
|
|
5515
5614
|
*/
|
|
5516
5615
|
/**
|
|
5517
5616
|
* Do not edit directly
|
|
5518
|
-
* Generated on
|
|
5617
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5519
5618
|
*/
|
|
5520
5619
|
/**
|
|
5521
5620
|
* TOKENS:
|
|
@@ -5540,7 +5639,7 @@ body {
|
|
|
5540
5639
|
}
|
|
5541
5640
|
/**
|
|
5542
5641
|
* Do not edit directly
|
|
5543
|
-
* Generated on
|
|
5642
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5544
5643
|
*/
|
|
5545
5644
|
/**
|
|
5546
5645
|
* TOKENS:
|
|
@@ -5685,7 +5784,7 @@ body {
|
|
|
5685
5784
|
|
|
5686
5785
|
/**
|
|
5687
5786
|
* Do not edit directly
|
|
5688
|
-
* Generated on
|
|
5787
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5689
5788
|
*/
|
|
5690
5789
|
/**
|
|
5691
5790
|
* TOKENS:
|
|
@@ -5790,7 +5889,7 @@ body {
|
|
|
5790
5889
|
|
|
5791
5890
|
/**
|
|
5792
5891
|
* Do not edit directly
|
|
5793
|
-
* Generated on
|
|
5892
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5794
5893
|
*/
|
|
5795
5894
|
/**
|
|
5796
5895
|
* TOKENS:
|
|
@@ -5800,7 +5899,7 @@ body {
|
|
|
5800
5899
|
*/
|
|
5801
5900
|
/**
|
|
5802
5901
|
* Do not edit directly
|
|
5803
|
-
* Generated on
|
|
5902
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5804
5903
|
*/
|
|
5805
5904
|
/**
|
|
5806
5905
|
* TOKENS:
|
|
@@ -5825,7 +5924,7 @@ body {
|
|
|
5825
5924
|
}
|
|
5826
5925
|
/**
|
|
5827
5926
|
* Do not edit directly
|
|
5828
|
-
* Generated on
|
|
5927
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5829
5928
|
*/
|
|
5830
5929
|
/**
|
|
5831
5930
|
* TOKENS:
|
|
@@ -5886,7 +5985,7 @@ body {
|
|
|
5886
5985
|
|
|
5887
5986
|
/**
|
|
5888
5987
|
* Do not edit directly
|
|
5889
|
-
* Generated on
|
|
5988
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5890
5989
|
*/
|
|
5891
5990
|
/**
|
|
5892
5991
|
* TOKENS:
|
|
@@ -6322,7 +6421,7 @@ body {
|
|
|
6322
6421
|
|
|
6323
6422
|
/**
|
|
6324
6423
|
* Do not edit directly
|
|
6325
|
-
* Generated on
|
|
6424
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
6326
6425
|
*/
|
|
6327
6426
|
/**
|
|
6328
6427
|
* TOKENS:
|
|
@@ -6373,7 +6472,7 @@ body {
|
|
|
6373
6472
|
|
|
6374
6473
|
/**
|
|
6375
6474
|
* Do not edit directly
|
|
6376
|
-
* Generated on
|
|
6475
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
6377
6476
|
*/
|
|
6378
6477
|
/**
|
|
6379
6478
|
* TOKENS:
|
|
@@ -6530,7 +6629,7 @@ body {
|
|
|
6530
6629
|
|
|
6531
6630
|
/**
|
|
6532
6631
|
* Do not edit directly
|
|
6533
|
-
* Generated on
|
|
6632
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
6534
6633
|
*/
|
|
6535
6634
|
/**
|
|
6536
6635
|
* TOKENS:
|
|
@@ -6880,7 +6979,7 @@ body {
|
|
|
6880
6979
|
|
|
6881
6980
|
/**
|
|
6882
6981
|
* Do not edit directly
|
|
6883
|
-
* Generated on
|
|
6982
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
6884
6983
|
*/
|
|
6885
6984
|
/**
|
|
6886
6985
|
* TOKENS:
|
|
@@ -7066,7 +7165,7 @@ body {
|
|
|
7066
7165
|
|
|
7067
7166
|
/**
|
|
7068
7167
|
* Do not edit directly
|
|
7069
|
-
* Generated on
|
|
7168
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
7070
7169
|
*/
|
|
7071
7170
|
/**
|
|
7072
7171
|
* TOKENS:
|
|
@@ -7124,7 +7223,7 @@ body {
|
|
|
7124
7223
|
|
|
7125
7224
|
/**
|
|
7126
7225
|
* Do not edit directly
|
|
7127
|
-
* Generated on
|
|
7226
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
7128
7227
|
*/
|
|
7129
7228
|
/**
|
|
7130
7229
|
* TOKENS:
|
|
@@ -7168,13 +7267,13 @@ body {
|
|
|
7168
7267
|
}
|
|
7169
7268
|
.ilo--tag--anchor {
|
|
7170
7269
|
cursor: unset;
|
|
7270
|
+
pointer-events: none;
|
|
7171
7271
|
}
|
|
7172
7272
|
.ilo--tag--anchor.ilo--tag--active {
|
|
7173
7273
|
background: rgb(237, 240, 242);
|
|
7174
7274
|
color: rgb(35, 0, 80);
|
|
7175
7275
|
cursor: pointer;
|
|
7176
7276
|
outline: none;
|
|
7177
|
-
pointer-events: none;
|
|
7178
7277
|
}
|
|
7179
7278
|
.ilo--tag--anchor.ilo--tag--active:hover {
|
|
7180
7279
|
background: rgb(235, 245, 253);
|
|
@@ -7296,7 +7395,7 @@ body {
|
|
|
7296
7395
|
|
|
7297
7396
|
/**
|
|
7298
7397
|
* Do not edit directly
|
|
7299
|
-
* Generated on
|
|
7398
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
7300
7399
|
*/
|
|
7301
7400
|
/**
|
|
7302
7401
|
* TOKENS:
|
|
@@ -7455,7 +7554,7 @@ body {
|
|
|
7455
7554
|
|
|
7456
7555
|
/**
|
|
7457
7556
|
* Do not edit directly
|
|
7458
|
-
* Generated on
|
|
7557
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
7459
7558
|
*/
|
|
7460
7559
|
/**
|
|
7461
7560
|
* TOKENS:
|