@ecl/splash-page 5.0.0-alpha.14 → 5.0.0-alpha.16

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.
Files changed (2) hide show
  1. package/package.json +7 -6
  2. package/splash-page.scss +8 -4
package/package.json CHANGED
@@ -2,19 +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.14",
5
+ "version": "5.0.0-alpha.16",
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/link": "5.0.0-alpha.14",
13
- "@ecl/picture": "5.0.0-alpha.14"
12
+ "@ecl/link": "5.0.0-alpha.16",
13
+ "@ecl/mixins-typography": "5.0.0-alpha.16",
14
+ "@ecl/picture": "5.0.0-alpha.16"
14
15
  },
15
16
  "devDependencies": {
16
- "@ecl/resources-ec-logo": "5.0.0-alpha.14",
17
- "@ecl/resources-eu-logo": "5.0.0-alpha.14"
17
+ "@ecl/resources-ec-logo": "5.0.0-alpha.16",
18
+ "@ecl/resources-eu-logo": "5.0.0-alpha.16"
18
19
  },
19
20
  "repository": {
20
21
  "type": "git",
@@ -30,5 +31,5 @@
30
31
  "design-system",
31
32
  "twig"
32
33
  ],
33
- "gitHead": "5f790fa1e567483d23464f81405996c9e1c4f4f5"
34
+ "gitHead": "0842ff3b72ce9099c13e5407ad2b5eda9d06ba69"
34
35
  }
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,6 @@ $language-list: null !default;
201
206
  }
202
207
 
203
208
  .ecl-splash-page__language-title {
204
- font: map.get($language-list, 'header-font-desktop');
205
209
  font-weight: map.get($language-list, 'header-font-weight');
206
210
  }
207
211
 
@@ -268,8 +272,8 @@ $language-list: null !default;
268
272
 
269
273
  // Horizontal sections
270
274
  .ecl-splash-page__language-content:not(
271
- .ecl-splash-page__language-content--stack
272
- ) {
275
+ .ecl-splash-page__language-content--stack
276
+ ) {
273
277
  flex-direction: row;
274
278
 
275
279
  .ecl-splash-page__language-category {