@ilo-org/twig 1.5.0 → 1.6.0
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/dist/components/button/button.component.yml +7 -2
- package/dist/components/button/button.twig +25 -10
- package/dist/components/button/button.wingsuit.yml +7 -2
- package/dist/components/card_detail/card_detail.component.yml +10 -7
- package/dist/components/card_detail/card_detail.twig +11 -6
- package/dist/components/card_detail/card_detail.wingsuit.yml +10 -7
- package/dist/components/card_feature/card_feature.twig +16 -5
- package/dist/components/card_multilink/card_multilink.twig +1 -1
- package/dist/components/card_promo/card_promo.twig +1 -1
- package/dist/components/card_score/card_score.component.yml +102 -0
- package/dist/components/card_score/card_score.twig +71 -0
- package/dist/components/card_score/card_score.wingsuit.yml +102 -0
- package/dist/components/card_text/card_text.component.yml +1 -2
- package/dist/components/card_text/card_text.twig +3 -7
- package/dist/components/card_text/card_text.wingsuit.yml +1 -2
- package/dist/components/icon/icon.behavior.js +1 -1
- package/dist/components/icon/icon.twig +1 -1
- package/dist/components/profile/profile.component.yml +10 -0
- package/dist/components/profile/profile.twig +29 -17
- package/dist/components/profile/profile.wingsuit.yml +10 -0
- package/dist/components/status/status.component.yml +33 -0
- package/dist/components/status/status.twig +8 -0
- package/dist/components/status/status.wingsuit.yml +33 -0
- package/dist/components/tag/tag.component.yml +56 -0
- package/dist/components/tag/tag.twig +35 -0
- package/dist/components/tag/tag.wingsuit.yml +56 -0
- package/dist/components/tags/tags.component.yml +21 -13
- package/dist/components/tags/tags.twig +12 -7
- package/dist/components/tags/tags.wingsuit.yml +21 -13
- package/dist/styles/components/button.css +1 -1
- package/dist/styles/components/card.css +1 -1
- package/dist/styles/components/datacard.css +1 -1
- package/dist/styles/components/detailcard.css +1 -1
- package/dist/styles/components/featurecard.css +1 -1
- package/dist/styles/components/multilinkcard.css +1 -1
- package/dist/styles/components/profile.css +1 -1
- package/dist/styles/components/scorecard.css +1 -0
- package/dist/styles/components/status.css +1 -0
- package/dist/styles/components/tag.css +1 -1
- package/dist/styles/components/textcard.css +1 -1
- package/dist/styles/global.css +1 -1
- package/dist/styles/global.css.map +1 -1
- package/dist/styles/index.css +2 -2
- package/dist/styles/index.css.map +1 -1
- package/dist/styles/monorepo.css +2 -2
- package/dist/styles/monorepo.css.map +1 -1
- package/package.json +2 -2
- package/dist/components/tags/tag.behavior.js +0 -10
- package/dist/components/tags/tag.component.yml +0 -38
- package/dist/components/tags/tag.twig +0 -30
- package/dist/components/tags/tag.wingsuit.yml +0 -38
|
@@ -5,22 +5,34 @@
|
|
|
5
5
|
{% if avatar %}
|
|
6
6
|
<img class="ilo--profile--avatar" src="{{avatar}}" alt="{{alt|default(defaultAlt)}}">
|
|
7
7
|
{% endif %}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
{% if size == "small" %}
|
|
9
|
+
<figcaption class="ilo--profile--figcaption--content">
|
|
10
|
+
<div class="ilo--profile--name">{{name}}</div>
|
|
11
|
+
</figcaption>
|
|
12
|
+
{% endif %}
|
|
13
|
+
{% if size == "large" %}
|
|
14
|
+
<figcaption>
|
|
15
|
+
<div class="ilo--profile--figcaption--content">
|
|
16
|
+
<div class="ilo--profile--name">{{name}}</div>
|
|
17
|
+
{% if role %}
|
|
18
|
+
<div class="ilo--profile--role">{{role}}</div>
|
|
19
|
+
{% endif %}
|
|
20
|
+
</div>
|
|
21
|
+
</figcaption>
|
|
22
|
+
{% if description %}
|
|
23
|
+
<p class="ilo--profile--description">{{description}}</p>
|
|
13
24
|
{% endif %}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
{% if link and link.url and link.label %}
|
|
26
|
+
<div class="ilo--profile--link">
|
|
27
|
+
<a href={{link.url}} target="__blank" rel="noopener noreferrer">
|
|
28
|
+
<span class="ilo--profile--link--label">{{link.label}}</span>
|
|
29
|
+
{% include "@components/icon/icon.twig" with {
|
|
30
|
+
name: "chevron_right",
|
|
31
|
+
size: 24,
|
|
32
|
+
prefix: prefix
|
|
33
|
+
} %}
|
|
34
|
+
</a>
|
|
35
|
+
</div>
|
|
36
|
+
{% endif %}
|
|
37
|
+
{% endif %}
|
|
26
38
|
</figure>
|
|
@@ -43,4 +43,14 @@ profile:
|
|
|
43
43
|
light: Light
|
|
44
44
|
dark: Dark
|
|
45
45
|
preview: "light"
|
|
46
|
+
size:
|
|
47
|
+
type: select
|
|
48
|
+
label: Size
|
|
49
|
+
description: The size of the profile
|
|
50
|
+
required: false
|
|
51
|
+
preview: "large"
|
|
52
|
+
options:
|
|
53
|
+
small: Small
|
|
54
|
+
large: Large
|
|
55
|
+
|
|
46
56
|
visibility: storybook
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
status:
|
|
2
|
+
namespace: Components/User Interface
|
|
3
|
+
use: "@components/status/status.twig"
|
|
4
|
+
label: Status
|
|
5
|
+
description: A component for showing the status of an event or changing item of content.
|
|
6
|
+
fields:
|
|
7
|
+
content:
|
|
8
|
+
type: string
|
|
9
|
+
label: Content
|
|
10
|
+
description: The text content of the tag.
|
|
11
|
+
preview: Event status
|
|
12
|
+
required: true
|
|
13
|
+
elementId:
|
|
14
|
+
type: string
|
|
15
|
+
label: ElementId
|
|
16
|
+
description: An `id` attribute that will be passed directly to the underlying HTML element.
|
|
17
|
+
preview: active
|
|
18
|
+
required: false
|
|
19
|
+
settings:
|
|
20
|
+
statusType:
|
|
21
|
+
type: select
|
|
22
|
+
label: StatusType
|
|
23
|
+
description: The type of status to display
|
|
24
|
+
required: false
|
|
25
|
+
default: active
|
|
26
|
+
options:
|
|
27
|
+
active: Active
|
|
28
|
+
info: Info
|
|
29
|
+
alert: Alert
|
|
30
|
+
subtle: Subtle Alert
|
|
31
|
+
inactive: Inactive
|
|
32
|
+
preview: "active"
|
|
33
|
+
visibility: storybook
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
status:
|
|
2
|
+
namespace: Components/User Interface
|
|
3
|
+
use: "@components/status/status.twig"
|
|
4
|
+
label: Status
|
|
5
|
+
description: A component for showing the status of an event or changing item of content.
|
|
6
|
+
fields:
|
|
7
|
+
content:
|
|
8
|
+
type: string
|
|
9
|
+
label: Content
|
|
10
|
+
description: The text content of the tag.
|
|
11
|
+
preview: Event status
|
|
12
|
+
required: true
|
|
13
|
+
elementId:
|
|
14
|
+
type: string
|
|
15
|
+
label: ElementId
|
|
16
|
+
description: An `id` attribute that will be passed directly to the underlying HTML element.
|
|
17
|
+
preview: active
|
|
18
|
+
required: false
|
|
19
|
+
settings:
|
|
20
|
+
statusType:
|
|
21
|
+
type: select
|
|
22
|
+
label: StatusType
|
|
23
|
+
description: The type of status to display
|
|
24
|
+
required: false
|
|
25
|
+
default: active
|
|
26
|
+
options:
|
|
27
|
+
active: Active
|
|
28
|
+
info: Info
|
|
29
|
+
alert: Alert
|
|
30
|
+
subtle: Subtle Alert
|
|
31
|
+
inactive: Inactive
|
|
32
|
+
preview: "active"
|
|
33
|
+
visibility: storybook
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
tag:
|
|
2
|
+
namespace: Components/User Interface
|
|
3
|
+
use: "@components/tag/tag.twig"
|
|
4
|
+
label: Tag
|
|
5
|
+
description: A tag component that can function as a button, an anchor link, or a static display label.
|
|
6
|
+
fields:
|
|
7
|
+
content:
|
|
8
|
+
type: string
|
|
9
|
+
label: Content
|
|
10
|
+
description: The text content of the tag.
|
|
11
|
+
preview: Child labour
|
|
12
|
+
required: true
|
|
13
|
+
elementId:
|
|
14
|
+
type: string
|
|
15
|
+
label: ElementId
|
|
16
|
+
description: An `id` attribute that will be passed directly to the underlying HTML element.
|
|
17
|
+
preview: child-labour
|
|
18
|
+
required: false
|
|
19
|
+
url:
|
|
20
|
+
type: string
|
|
21
|
+
label: URL
|
|
22
|
+
description: The tag's url reference
|
|
23
|
+
preview: https://www.ilo.org/
|
|
24
|
+
required: false
|
|
25
|
+
settings:
|
|
26
|
+
showIcon:
|
|
27
|
+
type: boolean
|
|
28
|
+
label: showicon
|
|
29
|
+
description: Optionally shows a `close` icon. Useful if the icon is removed by clicking on it. The position of the icon is set by the `rtl` attribute of the parent or page.
|
|
30
|
+
preview: false
|
|
31
|
+
required: false
|
|
32
|
+
disabled:
|
|
33
|
+
type: boolean
|
|
34
|
+
label: Disabled
|
|
35
|
+
description: Whether the tag should appear as being enabled or disabled.
|
|
36
|
+
preview: false
|
|
37
|
+
default: false
|
|
38
|
+
defaultActive:
|
|
39
|
+
type: boolean
|
|
40
|
+
label: Default Active
|
|
41
|
+
description: DEPRECATED. This setting should not be used. Sets the tag to be enabled by default. Is overriden by the `disabled` field.
|
|
42
|
+
preview: true
|
|
43
|
+
default: false
|
|
44
|
+
tagType:
|
|
45
|
+
type: select
|
|
46
|
+
label: TagType
|
|
47
|
+
description: The type of tag. Anchor and button have potential user interactions where display is static.
|
|
48
|
+
required: false
|
|
49
|
+
default: display
|
|
50
|
+
options:
|
|
51
|
+
anchor: Anchor
|
|
52
|
+
button: Button
|
|
53
|
+
display: Display
|
|
54
|
+
reset: Reset
|
|
55
|
+
preview: "display"
|
|
56
|
+
visibility: storybook
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
{# tag.twig #}
|
|
2
|
+
|
|
3
|
+
{# Default active will be deprecated in future versions and should not be used #}
|
|
4
|
+
{% set defaultActive = defaultActive|default(true) %}
|
|
5
|
+
{% set tagType = tagType|default("display") %}
|
|
6
|
+
{% set disabled = (disabled is not defined and defaultActive) ? false : disabled|default(false) %}
|
|
7
|
+
{% set enabledClass = disabled ? "disabled" : "enabled" %}
|
|
8
|
+
{% set showIcon = showIcon|default(false) %}
|
|
9
|
+
|
|
10
|
+
{% set icon %}
|
|
11
|
+
{% if showIcon %}
|
|
12
|
+
{% include "@components/icon/icon.twig" with {
|
|
13
|
+
"name": "Close",
|
|
14
|
+
"size": "20",
|
|
15
|
+
"color": "var(--ilo-color-blue-dark)"
|
|
16
|
+
} %}
|
|
17
|
+
{% endif %}
|
|
18
|
+
{% endset %}
|
|
19
|
+
|
|
20
|
+
{% if tagType == "button" or tagType == "reset" %}
|
|
21
|
+
<button class="ilo--tag ilo--tag__{{enabledClass}} ilo--tag__type__{{tagType}}" id="{{ elementId }}" {% if disabled %}disabled{% endif %}>
|
|
22
|
+
{{content}}
|
|
23
|
+
{{ icon }}
|
|
24
|
+
</button>
|
|
25
|
+
{% elseif tagType == "anchor" %}
|
|
26
|
+
<a class="ilo--tag ilo--tag__{{enabledClass}} ilo--tag__type__anchor" id="{{ elementId }}" href="{{ url }}" {% if disabled %}disabled{% endif %}>
|
|
27
|
+
{{content}}
|
|
28
|
+
{{ icon }}
|
|
29
|
+
</a>
|
|
30
|
+
{% elseif tagType == "display" %}
|
|
31
|
+
<span class="ilo--tag ilo--tag__{{enabledClass}} ilo--tag__type__display" id="{{ elementId }}">
|
|
32
|
+
{{content}}
|
|
33
|
+
{{ icon }}
|
|
34
|
+
</span>
|
|
35
|
+
{% endif %}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
tag:
|
|
2
|
+
namespace: Components/User Interface
|
|
3
|
+
use: "@components/tag/tag.twig"
|
|
4
|
+
label: Tag
|
|
5
|
+
description: A tag component that can function as a button, an anchor link, or a static display label.
|
|
6
|
+
fields:
|
|
7
|
+
content:
|
|
8
|
+
type: string
|
|
9
|
+
label: Content
|
|
10
|
+
description: The text content of the tag.
|
|
11
|
+
preview: Child labour
|
|
12
|
+
required: true
|
|
13
|
+
elementId:
|
|
14
|
+
type: string
|
|
15
|
+
label: ElementId
|
|
16
|
+
description: An `id` attribute that will be passed directly to the underlying HTML element.
|
|
17
|
+
preview: child-labour
|
|
18
|
+
required: false
|
|
19
|
+
url:
|
|
20
|
+
type: string
|
|
21
|
+
label: URL
|
|
22
|
+
description: The tag's url reference
|
|
23
|
+
preview: https://www.ilo.org/
|
|
24
|
+
required: false
|
|
25
|
+
settings:
|
|
26
|
+
showIcon:
|
|
27
|
+
type: boolean
|
|
28
|
+
label: showicon
|
|
29
|
+
description: Optionally shows a `close` icon. Useful if the icon is removed by clicking on it. The position of the icon is set by the `rtl` attribute of the parent or page.
|
|
30
|
+
preview: false
|
|
31
|
+
required: false
|
|
32
|
+
disabled:
|
|
33
|
+
type: boolean
|
|
34
|
+
label: Disabled
|
|
35
|
+
description: Whether the tag should appear as being enabled or disabled.
|
|
36
|
+
preview: false
|
|
37
|
+
default: false
|
|
38
|
+
defaultActive:
|
|
39
|
+
type: boolean
|
|
40
|
+
label: Default Active
|
|
41
|
+
description: DEPRECATED. This setting should not be used. Sets the tag to be enabled by default. Is overriden by the `disabled` field.
|
|
42
|
+
preview: true
|
|
43
|
+
default: false
|
|
44
|
+
tagType:
|
|
45
|
+
type: select
|
|
46
|
+
label: TagType
|
|
47
|
+
description: The type of tag. Anchor and button have potential user interactions where display is static.
|
|
48
|
+
required: false
|
|
49
|
+
default: display
|
|
50
|
+
options:
|
|
51
|
+
anchor: Anchor
|
|
52
|
+
button: Button
|
|
53
|
+
display: Display
|
|
54
|
+
reset: Reset
|
|
55
|
+
preview: "display"
|
|
56
|
+
visibility: storybook
|
|
@@ -2,7 +2,7 @@ tags:
|
|
|
2
2
|
namespace: Components/User Interface
|
|
3
3
|
use: "@components/tags/tags.twig"
|
|
4
4
|
label: Tags
|
|
5
|
-
description: A group of tags
|
|
5
|
+
description: A group of tags that can function as buttons, anchor links, or static display labels.
|
|
6
6
|
fields:
|
|
7
7
|
items:
|
|
8
8
|
type: object
|
|
@@ -10,23 +10,30 @@ tags:
|
|
|
10
10
|
description: An array of tag data to implement a Tag component
|
|
11
11
|
required: true
|
|
12
12
|
preview:
|
|
13
|
-
- content:
|
|
13
|
+
- content: Apprenticeships
|
|
14
14
|
elementId: tag1
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
- content:
|
|
15
|
+
url: https://www.ilo.org/
|
|
16
|
+
disabled: false
|
|
17
|
+
- content: Artificial Intelligence
|
|
18
18
|
elementId: tag2
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
- content:
|
|
19
|
+
url: https://www.ilo.org/
|
|
20
|
+
disabled: false
|
|
21
|
+
- content: Care economy
|
|
22
22
|
elementId: tag3
|
|
23
|
-
|
|
23
|
+
disabled: false
|
|
24
|
+
- content: Child labour
|
|
25
|
+
elementId: tag4
|
|
26
|
+
disabled: true
|
|
27
|
+
- content: Cooperatives
|
|
28
|
+
elementId: tag4
|
|
29
|
+
disabled: true
|
|
24
30
|
settings:
|
|
25
|
-
|
|
31
|
+
showIcon:
|
|
26
32
|
type: boolean
|
|
27
|
-
label:
|
|
28
|
-
description:
|
|
29
|
-
preview:
|
|
33
|
+
label: showicon
|
|
34
|
+
description: Optionally shows a `close` icon. Useful if the icon is removed by clicking on it. The position of the icon is set by the `rtl` attribute of the parent or page.
|
|
35
|
+
preview: false
|
|
36
|
+
default: false
|
|
30
37
|
required: false
|
|
31
38
|
tagType:
|
|
32
39
|
type: select
|
|
@@ -38,5 +45,6 @@ tags:
|
|
|
38
45
|
display: Display
|
|
39
46
|
reset: Reset
|
|
40
47
|
preview: display
|
|
48
|
+
default: display
|
|
41
49
|
required: true
|
|
42
50
|
visibility: storybook
|
|
@@ -1,15 +1,20 @@
|
|
|
1
|
-
{#
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
{# tags.twig #}
|
|
2
|
+
{% set tagType = tagType|default("display") %}
|
|
3
|
+
{% set showIcon = showIcon|default(false) %}
|
|
4
|
+
|
|
5
|
+
<ul class="ilo--tags"">
|
|
5
6
|
{% for item in items %}
|
|
6
|
-
|
|
7
|
+
<li class="ilo--tag--item">
|
|
8
|
+
{% include "@components/tag/tag.twig" with {
|
|
7
9
|
content: item.content,
|
|
8
|
-
|
|
9
|
-
id: item.elementId,
|
|
10
|
+
elementId: item.elementId,
|
|
10
11
|
prefix: prefix,
|
|
11
12
|
tagType: tagType,
|
|
13
|
+
showIcon: showIcon,
|
|
12
14
|
url: item.url|default(null),
|
|
15
|
+
defaultActive: item.defaultActive,
|
|
16
|
+
disabled: item.disabled
|
|
13
17
|
} only %}
|
|
14
18
|
{% endfor %}
|
|
19
|
+
</li>
|
|
15
20
|
</ul>
|
|
@@ -2,7 +2,7 @@ tags:
|
|
|
2
2
|
namespace: Components/User Interface
|
|
3
3
|
use: "@components/tags/tags.twig"
|
|
4
4
|
label: Tags
|
|
5
|
-
description: A group of tags
|
|
5
|
+
description: A group of tags that can function as buttons, anchor links, or static display labels.
|
|
6
6
|
fields:
|
|
7
7
|
items:
|
|
8
8
|
type: object
|
|
@@ -10,23 +10,30 @@ tags:
|
|
|
10
10
|
description: An array of tag data to implement a Tag component
|
|
11
11
|
required: true
|
|
12
12
|
preview:
|
|
13
|
-
- content:
|
|
13
|
+
- content: Apprenticeships
|
|
14
14
|
elementId: tag1
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
- content:
|
|
15
|
+
url: https://www.ilo.org/
|
|
16
|
+
disabled: false
|
|
17
|
+
- content: Artificial Intelligence
|
|
18
18
|
elementId: tag2
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
- content:
|
|
19
|
+
url: https://www.ilo.org/
|
|
20
|
+
disabled: false
|
|
21
|
+
- content: Care economy
|
|
22
22
|
elementId: tag3
|
|
23
|
-
|
|
23
|
+
disabled: false
|
|
24
|
+
- content: Child labour
|
|
25
|
+
elementId: tag4
|
|
26
|
+
disabled: true
|
|
27
|
+
- content: Cooperatives
|
|
28
|
+
elementId: tag4
|
|
29
|
+
disabled: true
|
|
24
30
|
settings:
|
|
25
|
-
|
|
31
|
+
showIcon:
|
|
26
32
|
type: boolean
|
|
27
|
-
label:
|
|
28
|
-
description:
|
|
29
|
-
preview:
|
|
33
|
+
label: showicon
|
|
34
|
+
description: Optionally shows a `close` icon. Useful if the icon is removed by clicking on it. The position of the icon is set by the `rtl` attribute of the parent or page.
|
|
35
|
+
preview: false
|
|
36
|
+
default: false
|
|
30
37
|
required: false
|
|
31
38
|
tagType:
|
|
32
39
|
type: select
|
|
@@ -38,5 +45,6 @@ tags:
|
|
|
38
45
|
display: Display
|
|
39
46
|
reset: Reset
|
|
40
47
|
preview: display
|
|
48
|
+
default: display
|
|
41
49
|
required: true
|
|
42
50
|
visibility: storybook
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--button{--ilo-button-label-weight:700;--ilo-button-labels-actionable-color:var(--ilo-color-blue-dark);--ilo-button-labels-active-color:var(--ilo-color-blue-light);--ilo-button-labels-alert-color:var(--ilo-color-white);--ilo-button-labels-hover-color:var(--ilo-color-blue);border-radius:var(--ilo-border-md);display:inline-
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--button{--ilo-button-label-weight:700;--ilo-button-labels-actionable-color:var(--ilo-color-blue-dark);--ilo-button-labels-active-color:var(--ilo-color-blue-light);--ilo-button-labels-alert-color:var(--ilo-color-white);--ilo-button-labels-hover-color:var(--ilo-color-blue);align-items:center;border-radius:var(--ilo-border-md);display:inline-flex;font-family:var(--ilo-fonts-display);font-weight:var(--ilo-button-label-weight);gap:calc(var(--ilo-spacing-base)*2);justify-content:center;text-decoration:none}.ilo--button [class*=__label]{white-space:nowrap}.ilo--button--icon{position:relative}.ilo--button--icon .ilo--icon{bottom:.1071811361rem;position:relative}.ilo--button--icon--position__right{flex-direction:row-reverse}.ilo--button--icon--only{padding:unset!important}.ilo--button--icon--only .ilo--icon{bottom:0!important}.ilo--button--icon--only .button__label{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--button__large{font-size:18.66px;height:2.7867095391rem;letter-spacing:-.02em;line-height:120%;padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*6)}.ilo--button__large.ilo--button--icon--only{width:2.7867095391rem}.ilo--button__medium{font-size:16px;height:2.3579849946rem;letter-spacing:-.02em;line-height:120%;padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5)}.ilo--button__medium.ilo--button--icon--only{width:2.3579849946rem}.ilo--button__small{font-size:14.93px;height:1.7148981779rem;letter-spacing:-.02em;line-height:120%;padding:calc(var(--ilo-spacing-base)*1) calc(var(--ilo-spacing-base)*4)}.ilo--button__small.ilo--button--icon--only{width:1.7148981779rem}.ilo--button__small .ilo--icon{bottom:.0535905681rem}.ilo--button__primary{background-color:var(--ilo-color-yellow);border:var(--ilo-border-md) var(--ilo-color-yellow) solid}.ilo--button__primary,.ilo--button__secondary{color:var(--ilo-button-labels-actionable-color)}.ilo--button__secondary{background-color:var(--ilo-color-background-default);border:var(--ilo-border-md) var(--ilo-color-borders-default) solid}.ilo--button__secondary:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid}.ilo--button__secondary:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button__tertiary{background-color:var(--ilo-color-background-highlight);border:var(--ilo-border-md) var(--ilo-color-background-highlight) solid;color:var(--ilo-button-labels-actionable-color)}.ilo--button__alert{background-color:var(--ilo-color-red-dark);border:var(--ilo-border-md) var(--ilo-color-red-dark) solid;color:var(--ilo-button-labels-alert-color)}.ilo--button__alert:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color)}.ilo--button__alert:focus{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;color:var(--ilo-button-labels-focus-color);outline:0}.ilo--button__alert:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button:focus{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;box-shadow:4px 4px 0 1px var(--ilo-color-borders-focus) inset,-4px -4px 0 1px var(--ilo-color-borders-focus) inset;color:var(--ilo-button-labels-focus-color);outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:focus.ilo--small{box-shadow:3px 3px 0 1px var(--ilo-color-borders-focus) inset,-3px -3px 0 1px var(--ilo-color-borders-focus) inset}.ilo--button:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color);cursor:pointer}.ilo--button:active,.ilo--button:hover{box-shadow:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;color:var(--ilo-button-labels-active-color)}.ilo--button:disabled{opacity:.45;pointer-events:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card{background-color:var(--ilo-color-white);box-sizing:border-box;flex:1 1 var(--max-width);max-width:var(--max-width);position:relative}.ilo--card *{transition-duration:.15s
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card{background-color:var(--ilo-color-white);box-sizing:border-box;flex:1 1 var(--max-width);max-width:var(--max-width);position:relative;transition-property:border-bottom,filter;transition-timing-function:ease-out}.ilo--card,.ilo--card *{transition-duration:.15s}.ilo--card *{transition-property:color,background-color,border-color,opacity,fill,filter;transition-timing-function:ease-out}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04))}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--image--wrapper:before{opacity:.4}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--picture{filter:saturate(0)}.ilo--card--wrap{height:100%}.ilo--card--wrapper{max-width:var(--max-width);transition-duration:.15s;transition-property:color,background-color,border-color,opacity,fill,filter;transition-timing-function:ease-out}.ilo--card--wrapper:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04))}.ilo--card--image--wrapper{position:relative}.ilo--card--image--wrapper:before{background-color:var(--ilo-color-blue);content:"";opacity:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out;z-index:1}.ilo--card--image--wrapper:before,.ilo--card--link{height:100%;left:0;position:absolute;top:0;width:100%}.ilo--card--link{background:0 0;color:transparent;text-decoration:none;z-index:2}.ilo--card--link--text{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--card--eyebrow{color:var(--ilo-color-purple);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card--title{color:var(--ilo-color-dark-blue);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card--intro{color:var(--ilo-color-gray-charcoal);font-size:var(--ilo-font-size-lg);line-height:var(--ilo-line-height-2xlg)}.ilo--card--date,.ilo--card--intro{font-family:var(--ilo-fonts-copy);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md)}.ilo--card--date{color:var(--ilo-gray-accessible);font-size:var(--ilo-font-size-sm);line-height:var(--ilo-line-height-xlg);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card--content--item,.ilo--card--event-date{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--card--cta{position:relative;z-index:2}.ilo--card__theme__light{background:var(--ilo-color-white);border-bottom:.1607717042rem solid var(--ilo-color-gray-base)}.ilo--card__theme__soft{background:var(--ilo-color-blue-lighter)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within),.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border-bottom:.1607717042rem solid var(--ilo-color-blue)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile{color:var(--ilo-color-blue)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile .ilo--icon{fill:var(--ilo-color-blue)}.ilo--card__theme__dark{background:var(--ilo-color-blue-dark);border-bottom:.1607717042rem solid var(--ilo-color-red)}.ilo--card__theme__dark:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border-bottom:.1607717042rem solid var(--ilo-color-white)}.ilo--card__theme__dark .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__theme__dark .ilo--card--content--item,.ilo--card__theme__dark .ilo--card--date,.ilo--card__theme__dark .ilo--card--eyebrow,.ilo--card__theme__dark .ilo--card--intro{color:var(--ilo-color-gray-light)}.ilo--card__theme__dark .ilo--card--content--item .ilo--icon{fill:var(--ilo-color-gray-light)}.ilo--card__size__fluid{--max-width:100%!important}.ilo--card__isvideo .ilo--card--image--wrapper{position:relative}.ilo--card__isvideo .ilo--card--image--wrapper:after,.ilo--card__isvideo .ilo--card--image--wrapper:before{background-position:50%;background-repeat:no-repeat;background-size:18px 20px;content:"";display:block;height:40px;left:0;position:absolute;top:0;width:40px;z-index:1}.ilo--card__isvideo .ilo--card--image--wrapper:before{background-color:var(--ilo-color-gray-charcoal)}.ilo--card__isvideo .ilo--card--image--wrapper:after{background-color:var(--ilo-color-gray-light);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__data{--max-width:32.154340836rem;background:#ebf5fd;border-bottom:.1607717042rem solid #bedcfa;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14);position:relative;width:100%}.ilo--card__type__data--content-links-list{display:flex;flex-wrap:wrap}.ilo--card__type__data--content-link.ilo--link{margin-bottom:0!important}.ilo--card__type__data .ilo--card--content{display:grid;grid-template-columns:1fr;grid-template-rows:auto;row-gap:1.3933547696rem}@media screen and (min-width:610px){.ilo--card__type__data{padding:calc(var(--ilo-spacing-base)*12)}.ilo--card__type__data__columns__two .ilo--card--content{column-gap:14%;grid-template-columns:minmax(10.718113612rem,32%) minmax(53%,1fr)}.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--image{grid-column:1/2;grid-row:1/span 4}.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--content,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--cta,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--files,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--links{grid-column:2/3}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--content,.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--files{grid-column:1/2}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--cta{grid-column:1/2/3/3}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--links{grid-area:1/2/3/3}}.ilo--card__type__data.ilo--card__size__narrow{--max-width:16.1307609861rem;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*14)}@media screen and (max-width:609px){.ilo--card__type__data.ilo--card__size__narrow{--max-width:100%}}.ilo--card__type__data.ilo--card__size__wide{--max-width:41.6934619507rem}.ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__one{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14)}.ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__two{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*28)}.ilo--card__type__data.ilo--card__size__fluid,.ilo--card__type__data.ilo--card__size__wide{clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%)}.ilo--card__type__data .ilo--card--image{max-width:200px;width:100%}.ilo--card__type__data--content-label{color:#6d6d6d;font-size:14.93px;letter-spacing:normal;line-height:20.3px;margin-bottom:.4932760997rem}.ilo--card__type__data .ilo--card--eyebrow{margin:0 0 .857449089rem}.ilo--card__type__data--content-copy{color:#2d2d2d;font-family:var(--ilo-fonts-display);font-size:23.32px;font-weight:500;letter-spacing:-.035em;line-height:29.15px}.ilo--card__type__data [class*=ilo--link]{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;line-height:1.8;margin-inline-end:.6430868167rem;margin-bottom:.6430868167rem}.ilo--card__type__data [class*=button]{margin:.2143622722rem .4287245445rem .2143622722rem 0}.ilo--card__type__data [class*=button]:last-of-type{margin-right:0}
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__data{--max-width:32.154340836rem;background:#ebf5fd;border-bottom:.1607717042rem solid #bedcfa;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14);position:relative;width:100%}.ilo--card__type__data--content-links-list{display:flex;flex-wrap:wrap}.ilo--card__type__data--content-link.ilo--link{margin-bottom:0!important}.ilo--card__type__data .ilo--card--content{display:grid;grid-template-columns:1fr;grid-template-rows:auto;row-gap:1.3933547696rem}@media screen and (min-width:610px){.ilo--card__type__data{padding:calc(var(--ilo-spacing-base)*12)}.ilo--card__type__data__columns__two .ilo--card--content{column-gap:14%;grid-template-columns:minmax(10.718113612rem,32%) minmax(53%,1fr)}.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--image{grid-column:1/2;grid-row:1/span 4}.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--content,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--cta,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--files,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--links{grid-column:2/3}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--content,.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--files{grid-column:1/2}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--cta{grid-column:1/2/3/3}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--links{grid-area:1/2/3/3}}.ilo--card__type__data.ilo--card__size__narrow{--max-width:16.1307609861rem;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*14)}@media screen and (max-width:609px){.ilo--card__type__data.ilo--card__size__narrow{--max-width:100%}}.ilo--card__type__data.ilo--card__size__wide{--max-width:41.6934619507rem}.ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__one{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14)}.ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__two{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*28)}.ilo--card__type__data.ilo--card__size__fluid,.ilo--card__type__data.ilo--card__size__wide{clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%)}.ilo--card__type__data .ilo--card--image{max-width:200px;width:100%}.ilo--card__type__data .ilo--card--picture{max-width:100%;width:100%}.ilo--card__type__data--content-label{color:#6d6d6d;font-size:14.93px;letter-spacing:normal;line-height:20.3px;margin-bottom:.4932760997rem}.ilo--card__type__data .ilo--card--eyebrow{margin:0 0 .857449089rem}.ilo--card__type__data--content-copy{color:#2d2d2d;font-family:var(--ilo-fonts-display);font-size:23.32px;font-weight:500;letter-spacing:-.035em;line-height:29.15px}.ilo--card__type__data [class*=ilo--link]{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;line-height:1.8;margin-inline-end:.6430868167rem;margin-bottom:.6430868167rem}.ilo--card__type__data [class*=button]{margin:.2143622722rem .4287245445rem .2143622722rem 0}.ilo--card__type__data [class*=button]:last-of-type{margin-right:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__detail{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__detail{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid var(--ilo-color-gray-light);padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4);position:relative}.ilo--card__type__detail .ilo--card--wrap{display:flex;flex-flow:column}.ilo--card__type__detail .ilo--card--image--wrapper{height:auto;margin-bottom:calc(var(--ilo-spacing-base)*8);width:5.359056806rem}.ilo--card__type__detail .ilo--card--image--wrapper picture{display:flex}.ilo--card__type__detail .ilo--card--image--wrapper img{height:100%;width:100%}.ilo--card__type__detail .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__detail .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding:0 0 calc(var(--ilo-spacing-base)*2) 0}@media screen and (min-width:1024px){.ilo--card__size__wide .ilo--card__type__detail .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px}}.ilo--card__type__detail .ilo--card--intro{margin-bottom:calc(var(--ilo-spacing-base)*8)}.ilo--card__type__detail .ilo--card--date{color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--card__type__detail .ilo--card--date-extra{color:var(--ilo-color-gray-charcoal);font-size:var(--ilo-font-size-md);gap:calc(var(--ilo-spacing-base)*2);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg);margin-inline-start:-.2143622722rem;padding-inline-start:1.2861736334rem;text-indent:-1.2861736334rem}.ilo--card__type__detail .ilo--card--date-extra .ilo--icon{display:inline-block;position:relative;top:.0535905681rem;vertical-align:sub}.ilo--card__type__detail.ilo--card__size__narrow{--max-width:18.3815648446rem}@media screen and (min-width:610px){.ilo--card__type__detail.ilo--card__size__fluid,.ilo--card__type__detail.ilo--card__size__wide{--max-width:39.9249732047rem;padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*0)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--image--wrapper{flex:1 0 18%;height:100%;margin:0}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--picture,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--picture{height:auto}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--wrap{flex-flow:row;gap:calc(var(--ilo-spacing-base)*4)}}@media screen and (min-width:1024px){.ilo--card__type__detail.ilo--card__size__fluid,.ilo--card__type__detail.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*0)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--wrap{gap:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--image--wrapper{flex:1 0 27%}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--title{font-size:23.32px;letter-spacing:-.035em;line-height:29.15px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__feature{--max-width:22.0793140407rem;
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__feature{--max-width:22.0793140407rem;display:flex;flex-flow:column;margin-top:0;position:relative}.ilo--card__type__feature .ilo--card--image--wrapper{height:0;overflow:hidden;padding-top:56.25%;width:100%}.ilo--card__type__feature .ilo--card--image--wrapper img{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__feature .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*6)}.ilo--card__type__feature .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__feature .ilo--card--title{margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__feature .ilo--card--date{margin-bottom:calc(var(--ilo-spacing-base)*8)}.ilo--card__type__feature.ilo--card__size__narrow .ilo--card--wrap{display:flex;flex-wrap:wrap;width:100%}.ilo--card__type__feature.ilo--card__size__narrow .ilo--card--content,.ilo--card__type__feature.ilo--card__size__narrow .ilo--card--image--wrapper{width:100%}.ilo--card__type__feature.ilo--card__size__narrow .ilo--link-list{margin:0 -1.2861736334rem}.ilo--card__type__feature.ilo--card__size__fluid,.ilo--card__type__feature.ilo--card__size__wide{--max-width:40.4072883173rem}@media screen and (min-width:610px){.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--wrap{flex-direction:row}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--content{display:flex;flex-wrap:wrap;position:relative;width:50%}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--image--wrapper{height:auto;padding:0;width:50%}.ilo--card__type__feature.ilo--card__size__fluid img,.ilo--card__type__feature.ilo--card__size__wide img{height:100%;max-width:none;object-fit:cover;width:100%}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--date{align-self:flex-end;width:100%}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--eyebrow,.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__feature.ilo--card__size__fluid .ilo--link-list,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--eyebrow,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--title,.ilo--card__type__feature.ilo--card__size__wide .ilo--link-list{width:100%}}.ilo--card__type__feature .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__feature .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:23.32px;font-weight:700;letter-spacing:-.035em;line-height:29.15px}.ilo--card__type__feature.ilo--card__linklist .ilo--card--content{padding-bottom:0}.ilo--card__type__feature .ilo--link-list{border-top:.1071811361rem solid var(--ilo-color-gray-light);position:relative;z-index:2}.ilo--card__type__feature .ilo--link-list a{border-bottom:none}.ilo--card__type__feature .ilo--link-list--link,.ilo--card__type__feature .ilo--link-list--link:hover{border-bottom:none;padding-inline:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*2)}.ilo--card__type__feature.ilo--card__theme__dark .ilo--link-list{border-top:2px solid var(--ilo-color-gray-light-semi-transparent)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__multilink{--standard-spacing:calc(var(--ilo-spacing-base)*8);--narrow-spacing:calc(var(--ilo-spacing-base)*6);--max-width:28.7245444802rem;padding:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__multilink .ilo--card--image--wrapper{background-color:var(--ilo-color-blue-lighter);display:none;height:0;margin-bottom:var(--standard-spacing);overflow:hidden;padding-top:56.25%;position:relative}.ilo--card__type__multilink .ilo--card--image--wrapper img,.ilo--card__type__multilink .ilo--card--image--wrapper picture{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__multilink .ilo--card--content .ilo--card--image--wrapper{display:block}.ilo--card__type__multilink .ilo--card--title{color:var(--ilo-color-gray-charcoal);font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:var(--standard-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px}}.ilo--card__type__multilink .ilo--card--intro{color:var(--ilo-color-gray-charcoal);font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:var(--standard-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--intro{font-size:18.66px;letter-spacing:normal;line-height:27.24px}}.ilo--card__type__multilink.ilo--card__size__standard{--max-width:28.7245444802rem;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10)}.ilo--card__type__multilink.ilo--card__size__narrow{--max-width:20.0964630225rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--image--wrapper{display:none}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--content .ilo--card--image--wrapper{display:block;margin-bottom:var(--narrow-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--title{font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:var(--narrow-spacing)}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--intro{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:var(--narrow-spacing)}}.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{--max-width:59.1639871383rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--title{margin-bottom:calc(var(--ilo-spacing-base)*3)}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__fluid.ilo--card__align__right .ilo--card--wrap,.ilo--card__type__multilink.ilo--card__size__wide.ilo--card__align__right .ilo--card--wrap{grid-template-areas:"content image"}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap{display:grid;gap:1.7148981779rem;grid-template-areas:"image content";grid-template-columns:1fr
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__multilink{--standard-spacing:calc(var(--ilo-spacing-base)*8);--narrow-spacing:calc(var(--ilo-spacing-base)*6);--max-width:28.7245444802rem;border:unset;padding:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__multilink:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border:unset;filter:unset}.ilo--card__type__multilink .ilo--card--image--wrapper{background-color:var(--ilo-color-blue-lighter);display:none;height:0;margin-bottom:var(--standard-spacing);overflow:hidden;padding-top:56.25%;position:relative}.ilo--card__type__multilink .ilo--card--image--wrapper img,.ilo--card__type__multilink .ilo--card--image--wrapper picture{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__multilink .ilo--card--content .ilo--card--image--wrapper{display:block}.ilo--card__type__multilink .ilo--card--title{color:var(--ilo-color-gray-charcoal);font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:var(--standard-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px}}.ilo--card__type__multilink .ilo--card--intro{color:var(--ilo-color-gray-charcoal);font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:var(--standard-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--intro{font-size:18.66px;letter-spacing:normal;line-height:27.24px}}.ilo--card__type__multilink.ilo--card__size__standard{--max-width:28.7245444802rem;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10)}.ilo--card__type__multilink.ilo--card__size__narrow{--max-width:20.0964630225rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--image--wrapper{display:none}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--content .ilo--card--image--wrapper{display:block;margin-bottom:var(--narrow-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--title{font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:var(--narrow-spacing)}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--intro{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:var(--narrow-spacing)}}.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{--max-width:59.1639871383rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--title{margin-bottom:calc(var(--ilo-spacing-base)*3)}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__fluid.ilo--card__align__right .ilo--card--wrap,.ilo--card__type__multilink.ilo--card__size__wide.ilo--card__align__right .ilo--card--wrap{grid-template-areas:"content image"}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap{display:grid;gap:1.7148981779rem;grid-template-areas:"image content";grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--image--wrapper{display:inline-block;grid-area:image;margin-bottom:0;width:100%}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--content{grid-area:content}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--content .ilo--card--image--wrapper,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--content .ilo--card--image--wrapper{display:none}.ilo--card__type__multilink.ilo--card__size__fluid.ilo--card--no-image,.ilo--card__type__multilink.ilo--card__size__wide.ilo--card--no-image{--max-width:49.3033226152rem}.ilo--card__type__multilink.ilo--card__size__fluid.ilo--card--no-image .ilo--card--content,.ilo--card__type__multilink.ilo--card__size__wide.ilo--card--no-image .ilo--card--content{width:100%}}.ilo--card__type__multilink .ilo--link-list{position:relative;z-index:3}@media screen and (min-width:610px){.ilo--card__type__multilink{padding:calc(var(--ilo-spacing-base)*10)}}@media screen and (min-width:1024px){.ilo--card__type__multilink{padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*12)}}.ilo--card__theme__soft.ilo--card__type__multilink .ilo--link-list a:hover{background-color:var(--ilo-color-white)}
|