@ecl/splash-page 5.0.0-alpha.2 → 5.0.0-alpha.21
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/package.json +7 -7
- package/splash-page.html.twig +4 -4
- package/splash-page.scss +9 -4
package/package.json
CHANGED
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
"name": "@ecl/splash-page",
|
|
3
3
|
"author": "European Commission",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
|
-
"version": "5.0.0-alpha.
|
|
5
|
+
"version": "5.0.0-alpha.21",
|
|
6
6
|
"description": "ECL Splash Page",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
9
9
|
},
|
|
10
10
|
"style": "splash-page.scss",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@ecl/
|
|
13
|
-
"@ecl/
|
|
14
|
-
"@ecl/picture": "5.0.0-alpha.
|
|
12
|
+
"@ecl/link": "5.0.0-alpha.21",
|
|
13
|
+
"@ecl/mixins-typography": "5.0.0-alpha.21",
|
|
14
|
+
"@ecl/picture": "5.0.0-alpha.21"
|
|
15
15
|
},
|
|
16
16
|
"devDependencies": {
|
|
17
|
-
"@ecl/resources-ec-logo": "5.0.0-alpha.
|
|
18
|
-
"@ecl/resources-eu-logo": "5.0.0-alpha.
|
|
17
|
+
"@ecl/resources-ec-logo": "5.0.0-alpha.21",
|
|
18
|
+
"@ecl/resources-eu-logo": "5.0.0-alpha.21"
|
|
19
19
|
},
|
|
20
20
|
"repository": {
|
|
21
21
|
"type": "git",
|
|
@@ -31,5 +31,5 @@
|
|
|
31
31
|
"design-system",
|
|
32
32
|
"twig"
|
|
33
33
|
],
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "e3828f07421db8fa2a610b445bc178ff26903c95"
|
|
35
35
|
}
|
package/splash-page.html.twig
CHANGED
|
@@ -44,8 +44,8 @@
|
|
|
44
44
|
{% set _title = title|default('') %}
|
|
45
45
|
{% set _eu_category = eu_category|default('') %}
|
|
46
46
|
{% set _non_eu_category = non_eu_category|default('') %}
|
|
47
|
-
{% set _items = items|default(
|
|
48
|
-
{% set _non_eu_items = non_eu_items|default(
|
|
47
|
+
{% set _items = items|default([]) %}
|
|
48
|
+
{% set _non_eu_items = non_eu_items|default([]) %}
|
|
49
49
|
{% set _extra_attributes = '' %}
|
|
50
50
|
|
|
51
51
|
{# Internal logic - Process properties #}
|
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
{{- _eu_category -}}
|
|
135
135
|
</h2>
|
|
136
136
|
{% endif %}
|
|
137
|
-
<ul class="ecl-splash-page__language-list">
|
|
137
|
+
<ul class="ecl-splash-page__language-list" translate="no">
|
|
138
138
|
{% for _item in _items %}
|
|
139
139
|
<li class="ecl-splash-page__language-item">
|
|
140
140
|
{% set _link_label %}
|
|
@@ -169,7 +169,7 @@
|
|
|
169
169
|
{{- _non_eu_category -}}
|
|
170
170
|
</h2>
|
|
171
171
|
{% endif %}
|
|
172
|
-
<ul class="ecl-splash-page__language-list">
|
|
172
|
+
<ul class="ecl-splash-page__language-list" translate="no">
|
|
173
173
|
{% for _item in _non_eu_items %}
|
|
174
174
|
<li class="ecl-splash-page__language-item">
|
|
175
175
|
{% set _link_label %}
|
package/splash-page.scss
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
@use 'sass:map';
|
|
7
7
|
@use '@ecl/grid/mixins/breakpoints';
|
|
8
|
+
@use '@ecl/mixins-typography/mixins';
|
|
8
9
|
|
|
9
10
|
// Exposed variables
|
|
10
11
|
$theme: null !default;
|
|
@@ -61,12 +62,16 @@ $language-list: null !default;
|
|
|
61
62
|
}
|
|
62
63
|
|
|
63
64
|
.ecl-splash-page__language-title {
|
|
64
|
-
font: map.get($language-list, 'header-font-mobile');
|
|
65
65
|
margin: 0;
|
|
66
66
|
padding-inline-start: calc(
|
|
67
67
|
#{map.get($language-list, 'title-padding-start')} +
|
|
68
68
|
#{map.get($language-list, 'item-active-border-width')}
|
|
69
69
|
);
|
|
70
|
+
|
|
71
|
+
@include mixins.responsive-font(
|
|
72
|
+
map.get($language-list, 'header-typography'),
|
|
73
|
+
map.get($language-list, 'header-typography-font-weight')
|
|
74
|
+
);
|
|
70
75
|
}
|
|
71
76
|
|
|
72
77
|
.ecl-splash-page__language-content {
|
|
@@ -201,7 +206,7 @@ $language-list: null !default;
|
|
|
201
206
|
}
|
|
202
207
|
|
|
203
208
|
.ecl-splash-page__language-title {
|
|
204
|
-
font: map.get($language-list, 'header-font-
|
|
209
|
+
font-weight: map.get($language-list, 'header-font-weight');
|
|
205
210
|
}
|
|
206
211
|
|
|
207
212
|
// Columns display
|
|
@@ -267,8 +272,8 @@ $language-list: null !default;
|
|
|
267
272
|
|
|
268
273
|
// Horizontal sections
|
|
269
274
|
.ecl-splash-page__language-content:not(
|
|
270
|
-
|
|
271
|
-
|
|
275
|
+
.ecl-splash-page__language-content--stack
|
|
276
|
+
) {
|
|
272
277
|
flex-direction: row;
|
|
273
278
|
|
|
274
279
|
.ecl-splash-page__language-category {
|