@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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4
4
|
*/
|
|
5
5
|
/**
|
|
6
6
|
* TOKENS:
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
*/
|
|
11
11
|
/**
|
|
12
12
|
* Do not edit directly
|
|
13
|
-
* Generated on
|
|
13
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
14
14
|
*/
|
|
15
15
|
/**
|
|
16
16
|
* TOKENS:
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
|
|
112
112
|
/**
|
|
113
113
|
* Do not edit directly
|
|
114
|
-
* Generated on
|
|
114
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
115
115
|
*/
|
|
116
116
|
/**
|
|
117
117
|
* TOKENS:
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
}
|
|
137
137
|
/**
|
|
138
138
|
* Do not edit directly
|
|
139
|
-
* Generated on
|
|
139
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
140
140
|
*/
|
|
141
141
|
/**
|
|
142
142
|
* TOKENS:
|
|
@@ -366,7 +366,7 @@
|
|
|
366
366
|
|
|
367
367
|
/**
|
|
368
368
|
* Do not edit directly
|
|
369
|
-
* Generated on
|
|
369
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
370
370
|
*/
|
|
371
371
|
/**
|
|
372
372
|
* TOKENS:
|
|
@@ -376,7 +376,7 @@
|
|
|
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:
|
|
@@ -401,7 +401,7 @@
|
|
|
401
401
|
}
|
|
402
402
|
/**
|
|
403
403
|
* Do not edit directly
|
|
404
|
-
* Generated on
|
|
404
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
405
405
|
*/
|
|
406
406
|
/**
|
|
407
407
|
* TOKENS:
|
|
@@ -691,7 +691,7 @@
|
|
|
691
691
|
|
|
692
692
|
/**
|
|
693
693
|
* Do not edit directly
|
|
694
|
-
* Generated on
|
|
694
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
695
695
|
*/
|
|
696
696
|
/**
|
|
697
697
|
* TOKENS:
|
|
@@ -821,7 +821,7 @@
|
|
|
821
821
|
|
|
822
822
|
/**
|
|
823
823
|
* Do not edit directly
|
|
824
|
-
* Generated on
|
|
824
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
825
825
|
*/
|
|
826
826
|
/**
|
|
827
827
|
* TOKENS:
|
|
@@ -1030,6 +1030,24 @@
|
|
|
1030
1030
|
position: relative;
|
|
1031
1031
|
z-index: 2;
|
|
1032
1032
|
}
|
|
1033
|
+
.ilo--card--isvideo .ilo--card--image--wrapper {
|
|
1034
|
+
position: relative;
|
|
1035
|
+
}
|
|
1036
|
+
.ilo--card--isvideo .ilo--card--image--wrapper::before {
|
|
1037
|
+
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");
|
|
1038
|
+
background-color: rgb(45, 45, 45);
|
|
1039
|
+
background-position: center;
|
|
1040
|
+
background-size: 18px 20px;
|
|
1041
|
+
background-repeat: no-repeat;
|
|
1042
|
+
content: "";
|
|
1043
|
+
display: block;
|
|
1044
|
+
height: 40px;
|
|
1045
|
+
left: 0;
|
|
1046
|
+
position: absolute;
|
|
1047
|
+
top: 0;
|
|
1048
|
+
width: 40px;
|
|
1049
|
+
z-index: 1;
|
|
1050
|
+
}
|
|
1033
1051
|
.ilo--card--multilink {
|
|
1034
1052
|
padding: 1.2861736334rem;
|
|
1035
1053
|
}
|
|
@@ -1336,7 +1354,7 @@
|
|
|
1336
1354
|
margin-bottom: 1.674953518rem;
|
|
1337
1355
|
}
|
|
1338
1356
|
.ilo--card--graphic.ilo--card--dark {
|
|
1339
|
-
border-bottom: 0.1607717042rem solid rgb(
|
|
1357
|
+
border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
|
|
1340
1358
|
}
|
|
1341
1359
|
.ilo--card--graphic .ilo--card--eyebrow {
|
|
1342
1360
|
margin-bottom: 1.0110920672rem;
|
|
@@ -1364,6 +1382,10 @@
|
|
|
1364
1382
|
padding: 2.1436227224rem 1.2861736334rem;
|
|
1365
1383
|
width: 100%;
|
|
1366
1384
|
}
|
|
1385
|
+
.ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
|
|
1386
|
+
height: 2.1436227224rem;
|
|
1387
|
+
top: -2.127545552rem;
|
|
1388
|
+
}
|
|
1367
1389
|
.ilo--card--graphicpromo:hover, .ilo--card--graphicpromo:focus {
|
|
1368
1390
|
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));
|
|
1369
1391
|
}
|
|
@@ -1371,11 +1393,19 @@
|
|
|
1371
1393
|
.ilo--card--graphicpromo {
|
|
1372
1394
|
padding: 2.5723472669rem;
|
|
1373
1395
|
}
|
|
1396
|
+
.ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
|
|
1397
|
+
height: 3.4297963558rem;
|
|
1398
|
+
top: -3.4137191854rem;
|
|
1399
|
+
}
|
|
1374
1400
|
}
|
|
1375
1401
|
@media screen and (min-width: 1024px) {
|
|
1376
1402
|
.ilo--card--graphicpromo {
|
|
1377
1403
|
padding: 3.4297963558rem 3.8585209003rem;
|
|
1378
1404
|
}
|
|
1405
|
+
.ilo--card--graphicpromo.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
|
|
1406
|
+
height: 3.4297963558rem;
|
|
1407
|
+
top: -3.4137191854rem;
|
|
1408
|
+
}
|
|
1379
1409
|
}
|
|
1380
1410
|
.ilo--card--graphicpromo.ilo--card--wide {
|
|
1381
1411
|
padding: 3.4297963558rem 3.8585209003rem;
|
|
@@ -1478,8 +1508,8 @@
|
|
|
1478
1508
|
}
|
|
1479
1509
|
.ilo--card--factlist.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
|
|
1480
1510
|
clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
|
|
1481
|
-
height:
|
|
1482
|
-
top: -
|
|
1511
|
+
height: 2.1436227224rem;
|
|
1512
|
+
top: -2.127545552rem;
|
|
1483
1513
|
}
|
|
1484
1514
|
.ilo--card--factlist.ilo--card--dark {
|
|
1485
1515
|
background: rgb(35, 0, 80);
|
|
@@ -1562,7 +1592,7 @@
|
|
|
1562
1592
|
padding: 0 1.2861736334rem 2.1436227224rem 1.1789924973rem;
|
|
1563
1593
|
width: 100%;
|
|
1564
1594
|
}
|
|
1565
|
-
.ilo--card--stat::before {
|
|
1595
|
+
.ilo--card--stat.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
|
|
1566
1596
|
clip-path: polygon(75% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
|
|
1567
1597
|
height: 2.1436227224rem;
|
|
1568
1598
|
top: -2.127545552rem;
|
|
@@ -1609,6 +1639,12 @@
|
|
|
1609
1639
|
line-height: 16.24px;
|
|
1610
1640
|
align-self: flex-end;
|
|
1611
1641
|
}
|
|
1642
|
+
@media screen and (min-width: 1024px) {
|
|
1643
|
+
.ilo--card--stat.ilo--card--cornercut:not(.ilo--card--multilink):not(.ilo--card--detail):not(.ilo--card--feature)::before {
|
|
1644
|
+
height: 2.5723472669rem;
|
|
1645
|
+
top: -2.5562700965rem;
|
|
1646
|
+
}
|
|
1647
|
+
}
|
|
1612
1648
|
.ilo--card--data {
|
|
1613
1649
|
background: rgb(235, 245, 253);
|
|
1614
1650
|
border-bottom: 0.1607717042rem solid #82afdc;
|
|
@@ -1677,7 +1713,18 @@
|
|
|
1677
1713
|
display: none;
|
|
1678
1714
|
}
|
|
1679
1715
|
.ilo--card--feature.ilo--card--dark {
|
|
1680
|
-
border-bottom: 0.1607717042rem solid rgb(
|
|
1716
|
+
border-bottom: 0.1607717042rem solid rgb(250, 60, 75);
|
|
1717
|
+
}
|
|
1718
|
+
.ilo--card--feature.ilo--card--dark .ilo--link-list {
|
|
1719
|
+
border-top: 2px solid rgba(237, 240, 242, 0.25);
|
|
1720
|
+
}
|
|
1721
|
+
.ilo--card--feature.ilo--card--dark .ilo--link-list--link {
|
|
1722
|
+
color: rgb(255, 255, 255);
|
|
1723
|
+
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");
|
|
1724
|
+
}
|
|
1725
|
+
.ilo--card--feature.ilo--card--dark:hover .ilo--link-list--link, .ilo--card--feature.ilo--card--dark:focus .ilo--link-list--link {
|
|
1726
|
+
color: rgb(30, 45, 190);
|
|
1727
|
+
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");
|
|
1681
1728
|
}
|
|
1682
1729
|
.ilo--card--feature picture::before {
|
|
1683
1730
|
transition-property: opacity;
|
|
@@ -1699,6 +1746,19 @@
|
|
|
1699
1746
|
.ilo--card--feature:hover .ilo--card--image, .ilo--card--feature:focus .ilo--card--image {
|
|
1700
1747
|
filter: saturate(0);
|
|
1701
1748
|
}
|
|
1749
|
+
.ilo--card--feature .ilo--link-list {
|
|
1750
|
+
border-top: 0.1071811361rem solid rgb(237, 240, 242);
|
|
1751
|
+
margin-left: -1.2861736334rem;
|
|
1752
|
+
margin-right: -1.2861736334rem;
|
|
1753
|
+
margin-top: 1.822079314rem;
|
|
1754
|
+
position: relative;
|
|
1755
|
+
z-index: 2;
|
|
1756
|
+
}
|
|
1757
|
+
.ilo--card--feature .ilo--link-list--link, .ilo--card--feature .ilo--link-list--link:hover {
|
|
1758
|
+
border-bottom: none;
|
|
1759
|
+
padding-left: 1.2861736334rem;
|
|
1760
|
+
padding-right: 1.2861736334rem;
|
|
1761
|
+
}
|
|
1702
1762
|
.ilo--card--feature.ilo--card--narrow .ilo--card--wrap, .ilo--card--feature.ilo--card--standard .ilo--card--wrap {
|
|
1703
1763
|
display: flex;
|
|
1704
1764
|
flex-wrap: wrap;
|
|
@@ -1762,6 +1822,9 @@
|
|
|
1762
1822
|
.ilo--card--feature .ilo--card--content {
|
|
1763
1823
|
padding: 1.2861736334rem 1.2861736334rem 2.1436227224rem;
|
|
1764
1824
|
}
|
|
1825
|
+
.ilo--card--feature.ilo--card--linklist .ilo--card--content {
|
|
1826
|
+
padding-bottom: 0;
|
|
1827
|
+
}
|
|
1765
1828
|
.ilo--card--feature .ilo--card--title {
|
|
1766
1829
|
font-size: 23.32px;
|
|
1767
1830
|
letter-spacing: -0.035em;
|
|
@@ -1782,7 +1845,7 @@
|
|
|
1782
1845
|
|
|
1783
1846
|
/**
|
|
1784
1847
|
* Do not edit directly
|
|
1785
|
-
* Generated on
|
|
1848
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
1786
1849
|
*/
|
|
1787
1850
|
/**
|
|
1788
1851
|
* TOKENS:
|
|
@@ -1827,7 +1890,7 @@
|
|
|
1827
1890
|
|
|
1828
1891
|
/**
|
|
1829
1892
|
* Do not edit directly
|
|
1830
|
-
* Generated on
|
|
1893
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
1831
1894
|
*/
|
|
1832
1895
|
/**
|
|
1833
1896
|
* TOKENS:
|
|
@@ -1910,6 +1973,7 @@
|
|
|
1910
1973
|
margin-bottom: 1.1789924973rem;
|
|
1911
1974
|
}
|
|
1912
1975
|
.ilo--fieldset--input--checkbox .ilo--fieldset--label {
|
|
1976
|
+
font-family: Noto Sans, sans-serif;
|
|
1913
1977
|
font-weight: 400;
|
|
1914
1978
|
line-height: 1;
|
|
1915
1979
|
margin-left: 0.4287245445rem;
|
|
@@ -1929,7 +1993,7 @@
|
|
|
1929
1993
|
|
|
1930
1994
|
/**
|
|
1931
1995
|
* Do not edit directly
|
|
1932
|
-
* Generated on
|
|
1996
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
1933
1997
|
*/
|
|
1934
1998
|
/**
|
|
1935
1999
|
* TOKENS:
|
|
@@ -2002,7 +2066,7 @@
|
|
|
2002
2066
|
|
|
2003
2067
|
/**
|
|
2004
2068
|
* Do not edit directly
|
|
2005
|
-
* Generated on
|
|
2069
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2006
2070
|
*/
|
|
2007
2071
|
/**
|
|
2008
2072
|
* TOKENS:
|
|
@@ -2012,7 +2076,7 @@
|
|
|
2012
2076
|
*/
|
|
2013
2077
|
/**
|
|
2014
2078
|
* Do not edit directly
|
|
2015
|
-
* Generated on
|
|
2079
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2016
2080
|
*/
|
|
2017
2081
|
/**
|
|
2018
2082
|
* TOKENS:
|
|
@@ -2022,7 +2086,7 @@
|
|
|
2022
2086
|
*/
|
|
2023
2087
|
/**
|
|
2024
2088
|
* Do not edit directly
|
|
2025
|
-
* Generated on
|
|
2089
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2026
2090
|
*/
|
|
2027
2091
|
/**
|
|
2028
2092
|
* TOKENS:
|
|
@@ -2032,7 +2096,7 @@
|
|
|
2032
2096
|
*/
|
|
2033
2097
|
/**
|
|
2034
2098
|
* Do not edit directly
|
|
2035
|
-
* Generated on
|
|
2099
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2036
2100
|
*/
|
|
2037
2101
|
/**
|
|
2038
2102
|
* TOKENS:
|
|
@@ -2158,7 +2222,7 @@
|
|
|
2158
2222
|
|
|
2159
2223
|
/**
|
|
2160
2224
|
* Do not edit directly
|
|
2161
|
-
* Generated on
|
|
2225
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2162
2226
|
*/
|
|
2163
2227
|
/**
|
|
2164
2228
|
* TOKENS:
|
|
@@ -2186,7 +2250,7 @@
|
|
|
2186
2250
|
|
|
2187
2251
|
/**
|
|
2188
2252
|
* Do not edit directly
|
|
2189
|
-
* Generated on
|
|
2253
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2190
2254
|
*/
|
|
2191
2255
|
/**
|
|
2192
2256
|
* TOKENS:
|
|
@@ -2272,7 +2336,7 @@
|
|
|
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:
|
|
@@ -2282,7 +2346,7 @@
|
|
|
2282
2346
|
*/
|
|
2283
2347
|
/**
|
|
2284
2348
|
* Do not edit directly
|
|
2285
|
-
* Generated on
|
|
2349
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2286
2350
|
*/
|
|
2287
2351
|
/**
|
|
2288
2352
|
* TOKENS:
|
|
@@ -2292,7 +2356,7 @@
|
|
|
2292
2356
|
*/
|
|
2293
2357
|
/**
|
|
2294
2358
|
* Do not edit directly
|
|
2295
|
-
* Generated on
|
|
2359
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2296
2360
|
*/
|
|
2297
2361
|
/**
|
|
2298
2362
|
* TOKENS:
|
|
@@ -2345,7 +2409,7 @@
|
|
|
2345
2409
|
|
|
2346
2410
|
/**
|
|
2347
2411
|
* Do not edit directly
|
|
2348
|
-
* Generated on
|
|
2412
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2349
2413
|
*/
|
|
2350
2414
|
/**
|
|
2351
2415
|
* TOKENS:
|
|
@@ -2420,7 +2484,7 @@
|
|
|
2420
2484
|
|
|
2421
2485
|
/**
|
|
2422
2486
|
* Do not edit directly
|
|
2423
|
-
* Generated on
|
|
2487
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2424
2488
|
*/
|
|
2425
2489
|
/**
|
|
2426
2490
|
* TOKENS:
|
|
@@ -2526,7 +2590,7 @@
|
|
|
2526
2590
|
|
|
2527
2591
|
/**
|
|
2528
2592
|
* Do not edit directly
|
|
2529
|
-
* Generated on
|
|
2593
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2530
2594
|
*/
|
|
2531
2595
|
/**
|
|
2532
2596
|
* TOKENS:
|
|
@@ -2549,7 +2613,7 @@
|
|
|
2549
2613
|
|
|
2550
2614
|
/**
|
|
2551
2615
|
* Do not edit directly
|
|
2552
|
-
* Generated on
|
|
2616
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2553
2617
|
*/
|
|
2554
2618
|
/**
|
|
2555
2619
|
* TOKENS:
|
|
@@ -2563,7 +2627,7 @@
|
|
|
2563
2627
|
|
|
2564
2628
|
/**
|
|
2565
2629
|
* Do not edit directly
|
|
2566
|
-
* Generated on
|
|
2630
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2567
2631
|
*/
|
|
2568
2632
|
/**
|
|
2569
2633
|
* TOKENS:
|
|
@@ -2573,7 +2637,7 @@
|
|
|
2573
2637
|
*/
|
|
2574
2638
|
/**
|
|
2575
2639
|
* Do not edit directly
|
|
2576
|
-
* Generated on
|
|
2640
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2577
2641
|
*/
|
|
2578
2642
|
/**
|
|
2579
2643
|
* TOKENS:
|
|
@@ -2598,7 +2662,7 @@
|
|
|
2598
2662
|
}
|
|
2599
2663
|
/**
|
|
2600
2664
|
* Do not edit directly
|
|
2601
|
-
* Generated on
|
|
2665
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2602
2666
|
*/
|
|
2603
2667
|
/**
|
|
2604
2668
|
* TOKENS:
|
|
@@ -2995,7 +3059,7 @@
|
|
|
2995
3059
|
|
|
2996
3060
|
/**
|
|
2997
3061
|
* Do not edit directly
|
|
2998
|
-
* Generated on
|
|
3062
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
2999
3063
|
*/
|
|
3000
3064
|
/**
|
|
3001
3065
|
* TOKENS:
|
|
@@ -3118,7 +3182,7 @@
|
|
|
3118
3182
|
|
|
3119
3183
|
/**
|
|
3120
3184
|
* Do not edit directly
|
|
3121
|
-
* Generated on
|
|
3185
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3122
3186
|
*/
|
|
3123
3187
|
/**
|
|
3124
3188
|
* TOKENS:
|
|
@@ -3129,6 +3193,7 @@
|
|
|
3129
3193
|
.ilo--hero {
|
|
3130
3194
|
background: rgb(237, 240, 242);
|
|
3131
3195
|
display: block;
|
|
3196
|
+
position: relative;
|
|
3132
3197
|
width: 100%;
|
|
3133
3198
|
}
|
|
3134
3199
|
.ilo--hero--home .ilo--image::before {
|
|
@@ -3254,6 +3319,16 @@
|
|
|
3254
3319
|
width: 100%;
|
|
3255
3320
|
}
|
|
3256
3321
|
}
|
|
3322
|
+
.ilo--hero .ilo--breadcrumb {
|
|
3323
|
+
left: 0;
|
|
3324
|
+
max-width: 560px;
|
|
3325
|
+
position: absolute;
|
|
3326
|
+
top: 0;
|
|
3327
|
+
}
|
|
3328
|
+
.right-to-left .ilo--hero .ilo--breadcrumb {
|
|
3329
|
+
left: auto;
|
|
3330
|
+
right: 0;
|
|
3331
|
+
}
|
|
3257
3332
|
|
|
3258
3333
|
.ilo--hero-card {
|
|
3259
3334
|
background: rgb(255, 255, 255);
|
|
@@ -3280,14 +3355,17 @@
|
|
|
3280
3355
|
}
|
|
3281
3356
|
@media screen and (min-width: 1024px) {
|
|
3282
3357
|
.ilo--hero-card::before {
|
|
3283
|
-
height:
|
|
3284
|
-
top: -
|
|
3358
|
+
height: 56px;
|
|
3359
|
+
top: -55.7px;
|
|
3285
3360
|
}
|
|
3286
3361
|
}
|
|
3287
3362
|
@media screen and (min-width: 1024px) {
|
|
3288
3363
|
.ilo--hero-card {
|
|
3289
3364
|
padding: 0 70px 70px 56px;
|
|
3290
3365
|
}
|
|
3366
|
+
.ilo--hero-card.ilo--hero-card--graphic {
|
|
3367
|
+
padding: 0 70px 44px 56px;
|
|
3368
|
+
}
|
|
3291
3369
|
}
|
|
3292
3370
|
.right-to-left .ilo--hero-card {
|
|
3293
3371
|
direction: rtl;
|
|
@@ -3337,6 +3415,9 @@
|
|
|
3337
3415
|
border: none;
|
|
3338
3416
|
padding: 24px;
|
|
3339
3417
|
}
|
|
3418
|
+
.ilo--hero-card--home::before {
|
|
3419
|
+
display: none;
|
|
3420
|
+
}
|
|
3340
3421
|
@media screen and (min-width: 1024px) {
|
|
3341
3422
|
.ilo--hero-card--home {
|
|
3342
3423
|
bottom: 72px;
|
|
@@ -3345,6 +3426,22 @@
|
|
|
3345
3426
|
position: absolute;
|
|
3346
3427
|
width: 100%;
|
|
3347
3428
|
}
|
|
3429
|
+
.ilo--hero-card--home::before {
|
|
3430
|
+
background: inherit;
|
|
3431
|
+
clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
|
|
3432
|
+
content: "";
|
|
3433
|
+
display: block;
|
|
3434
|
+
height: 59px;
|
|
3435
|
+
left: 0;
|
|
3436
|
+
position: absolute;
|
|
3437
|
+
top: -58.7px;
|
|
3438
|
+
width: 100%;
|
|
3439
|
+
}
|
|
3440
|
+
.right-to-left .ilo--hero-card--home::before {
|
|
3441
|
+
clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 10% 0%);
|
|
3442
|
+
left: auto;
|
|
3443
|
+
right: 0;
|
|
3444
|
+
}
|
|
3348
3445
|
.ilo--hero-card--home.ilo--hero-card--center {
|
|
3349
3446
|
left: 50%;
|
|
3350
3447
|
right: auto;
|
|
@@ -3359,8 +3456,10 @@
|
|
|
3359
3456
|
right: 0;
|
|
3360
3457
|
}
|
|
3361
3458
|
}
|
|
3362
|
-
|
|
3363
|
-
|
|
3459
|
+
@media screen and (min-width: 1024px) {
|
|
3460
|
+
.ilo--hero-card--home.ilo--hero-card--dark {
|
|
3461
|
+
background: rgba(35, 0, 80, 0.55);
|
|
3462
|
+
}
|
|
3364
3463
|
}
|
|
3365
3464
|
.ilo--hero-card--portal {
|
|
3366
3465
|
background: rgb(35, 0, 80);
|
|
@@ -3375,11 +3474,11 @@
|
|
|
3375
3474
|
}
|
|
3376
3475
|
}
|
|
3377
3476
|
.ilo--hero-card--publication {
|
|
3378
|
-
margin-top: -64px;
|
|
3379
3477
|
padding: 24px;
|
|
3380
3478
|
}
|
|
3381
3479
|
@media screen and (min-width: 1024px) {
|
|
3382
3480
|
.ilo--hero-card--publication {
|
|
3481
|
+
margin-top: -64px;
|
|
3383
3482
|
max-width: 720px;
|
|
3384
3483
|
padding: 0 48px 48px 72px;
|
|
3385
3484
|
width: 100%;
|
|
@@ -3389,21 +3488,21 @@
|
|
|
3389
3488
|
font-size: 16px;
|
|
3390
3489
|
letter-spacing: normal;
|
|
3391
3490
|
line-height: 23.36px;
|
|
3392
|
-
margin-bottom: 1.
|
|
3491
|
+
margin-bottom: 1.5005359057rem;
|
|
3393
3492
|
color: rgb(109, 109, 109);
|
|
3394
3493
|
}
|
|
3395
3494
|
.ilo--hero-card--eyebrow {
|
|
3396
3495
|
font-size: 16px;
|
|
3397
3496
|
letter-spacing: normal;
|
|
3398
3497
|
line-height: 23.36px;
|
|
3399
|
-
margin-bottom:
|
|
3498
|
+
margin-bottom: 0.857449089rem;
|
|
3400
3499
|
color: rgb(150, 10, 85);
|
|
3401
3500
|
}
|
|
3402
3501
|
.ilo--hero-card--intro {
|
|
3403
3502
|
font-size: 16px;
|
|
3404
3503
|
letter-spacing: normal;
|
|
3405
3504
|
line-height: 23.36px;
|
|
3406
|
-
margin-bottom: 1.
|
|
3505
|
+
margin-bottom: 1.5005359057rem;
|
|
3407
3506
|
}
|
|
3408
3507
|
@media screen and (min-width: 1024px) {
|
|
3409
3508
|
.ilo--hero-card--intro {
|
|
@@ -3480,7 +3579,7 @@
|
|
|
3480
3579
|
|
|
3481
3580
|
/**
|
|
3482
3581
|
* Do not edit directly
|
|
3483
|
-
* Generated on
|
|
3582
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3484
3583
|
*/
|
|
3485
3584
|
/**
|
|
3486
3585
|
* TOKENS:
|
|
@@ -3536,7 +3635,7 @@
|
|
|
3536
3635
|
|
|
3537
3636
|
/**
|
|
3538
3637
|
* Do not edit directly
|
|
3539
|
-
* Generated on
|
|
3638
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3540
3639
|
*/
|
|
3541
3640
|
/**
|
|
3542
3641
|
* TOKENS:
|
|
@@ -3678,7 +3777,7 @@
|
|
|
3678
3777
|
|
|
3679
3778
|
/**
|
|
3680
3779
|
* Do not edit directly
|
|
3681
|
-
* Generated on
|
|
3780
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3682
3781
|
*/
|
|
3683
3782
|
/**
|
|
3684
3783
|
* TOKENS:
|
|
@@ -3688,7 +3787,7 @@
|
|
|
3688
3787
|
*/
|
|
3689
3788
|
/**
|
|
3690
3789
|
* Do not edit directly
|
|
3691
|
-
* Generated on
|
|
3790
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3692
3791
|
*/
|
|
3693
3792
|
/**
|
|
3694
3793
|
* TOKENS:
|
|
@@ -3713,7 +3812,7 @@
|
|
|
3713
3812
|
}
|
|
3714
3813
|
/**
|
|
3715
3814
|
* Do not edit directly
|
|
3716
|
-
* Generated on
|
|
3815
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3717
3816
|
*/
|
|
3718
3817
|
/**
|
|
3719
3818
|
* TOKENS:
|
|
@@ -3867,7 +3966,7 @@
|
|
|
3867
3966
|
|
|
3868
3967
|
/**
|
|
3869
3968
|
* Do not edit directly
|
|
3870
|
-
* Generated on
|
|
3969
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3871
3970
|
*/
|
|
3872
3971
|
/**
|
|
3873
3972
|
* TOKENS:
|
|
@@ -3930,7 +4029,7 @@
|
|
|
3930
4029
|
|
|
3931
4030
|
/**
|
|
3932
4031
|
* Do not edit directly
|
|
3933
|
-
* Generated on
|
|
4032
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3934
4033
|
*/
|
|
3935
4034
|
/**
|
|
3936
4035
|
* TOKENS:
|
|
@@ -3940,7 +4039,7 @@
|
|
|
3940
4039
|
*/
|
|
3941
4040
|
/**
|
|
3942
4041
|
* Do not edit directly
|
|
3943
|
-
* Generated on
|
|
4042
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3944
4043
|
*/
|
|
3945
4044
|
/**
|
|
3946
4045
|
* TOKENS:
|
|
@@ -3950,7 +4049,7 @@
|
|
|
3950
4049
|
*/
|
|
3951
4050
|
/**
|
|
3952
4051
|
* Do not edit directly
|
|
3953
|
-
* Generated on
|
|
4052
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
3954
4053
|
*/
|
|
3955
4054
|
/**
|
|
3956
4055
|
* TOKENS:
|
|
@@ -4058,7 +4157,7 @@
|
|
|
4058
4157
|
|
|
4059
4158
|
/**
|
|
4060
4159
|
* Do not edit directly
|
|
4061
|
-
* Generated on
|
|
4160
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4062
4161
|
*/
|
|
4063
4162
|
/**
|
|
4064
4163
|
* TOKENS:
|
|
@@ -4068,7 +4167,7 @@
|
|
|
4068
4167
|
*/
|
|
4069
4168
|
/**
|
|
4070
4169
|
* Do not edit directly
|
|
4071
|
-
* Generated on
|
|
4170
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4072
4171
|
*/
|
|
4073
4172
|
/**
|
|
4074
4173
|
* TOKENS:
|
|
@@ -4078,7 +4177,7 @@
|
|
|
4078
4177
|
*/
|
|
4079
4178
|
/**
|
|
4080
4179
|
* Do not edit directly
|
|
4081
|
-
* Generated on
|
|
4180
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4082
4181
|
*/
|
|
4083
4182
|
/**
|
|
4084
4183
|
* TOKENS:
|
|
@@ -4175,7 +4274,7 @@
|
|
|
4175
4274
|
|
|
4176
4275
|
/**
|
|
4177
4276
|
* Do not edit directly
|
|
4178
|
-
* Generated on
|
|
4277
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4179
4278
|
*/
|
|
4180
4279
|
/**
|
|
4181
4280
|
* TOKENS:
|
|
@@ -4918,7 +5017,7 @@
|
|
|
4918
5017
|
|
|
4919
5018
|
/**
|
|
4920
5019
|
* Do not edit directly
|
|
4921
|
-
* Generated on
|
|
5020
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4922
5021
|
*/
|
|
4923
5022
|
/**
|
|
4924
5023
|
* TOKENS:
|
|
@@ -4928,7 +5027,7 @@
|
|
|
4928
5027
|
*/
|
|
4929
5028
|
/**
|
|
4930
5029
|
* Do not edit directly
|
|
4931
|
-
* Generated on
|
|
5030
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4932
5031
|
*/
|
|
4933
5032
|
/**
|
|
4934
5033
|
* TOKENS:
|
|
@@ -4938,7 +5037,7 @@
|
|
|
4938
5037
|
*/
|
|
4939
5038
|
/**
|
|
4940
5039
|
* Do not edit directly
|
|
4941
|
-
* Generated on
|
|
5040
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
4942
5041
|
*/
|
|
4943
5042
|
/**
|
|
4944
5043
|
* TOKENS:
|
|
@@ -5130,7 +5229,7 @@
|
|
|
5130
5229
|
|
|
5131
5230
|
/**
|
|
5132
5231
|
* Do not edit directly
|
|
5133
|
-
* Generated on
|
|
5232
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5134
5233
|
*/
|
|
5135
5234
|
/**
|
|
5136
5235
|
* TOKENS:
|
|
@@ -5265,7 +5364,7 @@
|
|
|
5265
5364
|
|
|
5266
5365
|
/**
|
|
5267
5366
|
* Do not edit directly
|
|
5268
|
-
* Generated on
|
|
5367
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5269
5368
|
*/
|
|
5270
5369
|
/**
|
|
5271
5370
|
* TOKENS:
|
|
@@ -5275,7 +5374,7 @@
|
|
|
5275
5374
|
*/
|
|
5276
5375
|
/**
|
|
5277
5376
|
* Do not edit directly
|
|
5278
|
-
* Generated on
|
|
5377
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5279
5378
|
*/
|
|
5280
5379
|
/**
|
|
5281
5380
|
* TOKENS:
|
|
@@ -5300,7 +5399,7 @@
|
|
|
5300
5399
|
}
|
|
5301
5400
|
/**
|
|
5302
5401
|
* Do not edit directly
|
|
5303
|
-
* Generated on
|
|
5402
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5304
5403
|
*/
|
|
5305
5404
|
/**
|
|
5306
5405
|
* TOKENS:
|
|
@@ -5445,7 +5544,7 @@
|
|
|
5445
5544
|
|
|
5446
5545
|
/**
|
|
5447
5546
|
* Do not edit directly
|
|
5448
|
-
* Generated on
|
|
5547
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5449
5548
|
*/
|
|
5450
5549
|
/**
|
|
5451
5550
|
* TOKENS:
|
|
@@ -5550,7 +5649,7 @@
|
|
|
5550
5649
|
|
|
5551
5650
|
/**
|
|
5552
5651
|
* Do not edit directly
|
|
5553
|
-
* Generated on
|
|
5652
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5554
5653
|
*/
|
|
5555
5654
|
/**
|
|
5556
5655
|
* TOKENS:
|
|
@@ -5560,7 +5659,7 @@
|
|
|
5560
5659
|
*/
|
|
5561
5660
|
/**
|
|
5562
5661
|
* Do not edit directly
|
|
5563
|
-
* Generated on
|
|
5662
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5564
5663
|
*/
|
|
5565
5664
|
/**
|
|
5566
5665
|
* TOKENS:
|
|
@@ -5585,7 +5684,7 @@
|
|
|
5585
5684
|
}
|
|
5586
5685
|
/**
|
|
5587
5686
|
* Do not edit directly
|
|
5588
|
-
* Generated on
|
|
5687
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5589
5688
|
*/
|
|
5590
5689
|
/**
|
|
5591
5690
|
* TOKENS:
|
|
@@ -5646,7 +5745,7 @@
|
|
|
5646
5745
|
|
|
5647
5746
|
/**
|
|
5648
5747
|
* Do not edit directly
|
|
5649
|
-
* Generated on
|
|
5748
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
5650
5749
|
*/
|
|
5651
5750
|
/**
|
|
5652
5751
|
* TOKENS:
|
|
@@ -6082,7 +6181,7 @@
|
|
|
6082
6181
|
|
|
6083
6182
|
/**
|
|
6084
6183
|
* Do not edit directly
|
|
6085
|
-
* Generated on
|
|
6184
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
6086
6185
|
*/
|
|
6087
6186
|
/**
|
|
6088
6187
|
* TOKENS:
|
|
@@ -6133,7 +6232,7 @@
|
|
|
6133
6232
|
|
|
6134
6233
|
/**
|
|
6135
6234
|
* Do not edit directly
|
|
6136
|
-
* Generated on
|
|
6235
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
6137
6236
|
*/
|
|
6138
6237
|
/**
|
|
6139
6238
|
* TOKENS:
|
|
@@ -6290,7 +6389,7 @@
|
|
|
6290
6389
|
|
|
6291
6390
|
/**
|
|
6292
6391
|
* Do not edit directly
|
|
6293
|
-
* Generated on
|
|
6392
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
6294
6393
|
*/
|
|
6295
6394
|
/**
|
|
6296
6395
|
* TOKENS:
|
|
@@ -6640,7 +6739,7 @@
|
|
|
6640
6739
|
|
|
6641
6740
|
/**
|
|
6642
6741
|
* Do not edit directly
|
|
6643
|
-
* Generated on
|
|
6742
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
6644
6743
|
*/
|
|
6645
6744
|
/**
|
|
6646
6745
|
* TOKENS:
|
|
@@ -6826,7 +6925,7 @@
|
|
|
6826
6925
|
|
|
6827
6926
|
/**
|
|
6828
6927
|
* Do not edit directly
|
|
6829
|
-
* Generated on
|
|
6928
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
6830
6929
|
*/
|
|
6831
6930
|
/**
|
|
6832
6931
|
* TOKENS:
|
|
@@ -6884,7 +6983,7 @@
|
|
|
6884
6983
|
|
|
6885
6984
|
/**
|
|
6886
6985
|
* Do not edit directly
|
|
6887
|
-
* Generated on
|
|
6986
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
6888
6987
|
*/
|
|
6889
6988
|
/**
|
|
6890
6989
|
* TOKENS:
|
|
@@ -6928,13 +7027,13 @@
|
|
|
6928
7027
|
}
|
|
6929
7028
|
.ilo--tag--anchor {
|
|
6930
7029
|
cursor: unset;
|
|
7030
|
+
pointer-events: none;
|
|
6931
7031
|
}
|
|
6932
7032
|
.ilo--tag--anchor.ilo--tag--active {
|
|
6933
7033
|
background: rgb(237, 240, 242);
|
|
6934
7034
|
color: rgb(35, 0, 80);
|
|
6935
7035
|
cursor: pointer;
|
|
6936
7036
|
outline: none;
|
|
6937
|
-
pointer-events: none;
|
|
6938
7037
|
}
|
|
6939
7038
|
.ilo--tag--anchor.ilo--tag--active:hover {
|
|
6940
7039
|
background: rgb(235, 245, 253);
|
|
@@ -7056,7 +7155,7 @@
|
|
|
7056
7155
|
|
|
7057
7156
|
/**
|
|
7058
7157
|
* Do not edit directly
|
|
7059
|
-
* Generated on
|
|
7158
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
7060
7159
|
*/
|
|
7061
7160
|
/**
|
|
7062
7161
|
* TOKENS:
|
|
@@ -7215,7 +7314,7 @@
|
|
|
7215
7314
|
|
|
7216
7315
|
/**
|
|
7217
7316
|
* Do not edit directly
|
|
7218
|
-
* Generated on
|
|
7317
|
+
* Generated on Thu, 17 Nov 2022 20:35:47 GMT
|
|
7219
7318
|
*/
|
|
7220
7319
|
/**
|
|
7221
7320
|
* TOKENS:
|