@foeewni/web-core 3.0.0-alpha.11 → 3.0.0-alpha.13

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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/hero-panel/style.scss +1 -1
  3. package/src/components/typography/display.scss +5 -0
  4. package/src/utils/scss/helpers/_mixins.scss +2 -1
  5. package/src/utils/scss/helpers/_variables.scss +5 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@foeewni/web-core",
3
- "version": "3.0.0-alpha.11",
3
+ "version": "3.0.0-alpha.13",
4
4
  "description": "Friend of the Earth EWNI Core for frontend projects",
5
5
  "browser": {
6
6
  "foe-core.js": "dist/js/foe.core.min.js",
package/src/components/hero-panel/style.scss CHANGED
@@ -266,7 +266,7 @@ The parallax effect needs the file `foe.components.js` to be appended in the pag
266
266
  span {
267
267
  background: $foe-primary;
268
268
  padding: $spacer;
269
- display: inline-block;
269
+ display: inline;
270
270
  border-color: transparent;
271
271
  }
272
272
  }
package/src/components/typography/display.scss CHANGED
@@ -6,5 +6,10 @@
6
6
  font-size: calc(32 / 14) * 1rem !important;
7
7
  line-height: 1.05;
8
8
  }
9
+
10
+ &::after {
11
+ content: '\A';
12
+ white-space: pre;
13
+ }
9
14
  }
10
15
  }
package/src/utils/scss/helpers/_mixins.scss CHANGED
@@ -33,7 +33,8 @@
33
33
  @mixin text_colours ($main, $link) {
34
34
  label,
35
35
  li,
36
- p {
36
+ p,
37
+ .caption {
37
38
  color: $main;
38
39
  }
39
40
 
package/src/utils/scss/helpers/_variables.scss CHANGED
@@ -460,7 +460,7 @@ $font-weight-heavy: 700;
460
460
  $font-weight-base: $font-weight-normal;
461
461
  $line-height-base: 1.5;
462
462
 
463
- $h1-font-size: calc(60 / 16) * $font-size-base;
463
+ $h1-font-size: calc(56 / 16) * $font-size-base;
464
464
  $h2-font-size: calc(40 / 16) * $font-size-base;
465
465
  $h3-font-size: calc(32 / 16) * $font-size-base;
466
466
  $h4-font-size: calc(26 / 16) * $font-size-base;
@@ -482,10 +482,10 @@ $headings-font-weight: 900;
482
482
  $headings-line-height: 1.2;
483
483
  $headings-color: $foe-accent;
484
484
 
485
- $display1-size: calc(60 / 16) * $font-size-base;
486
- $display2-size: calc(60 / 16) * $font-size-base;
487
- $display3-size: 4.5rem;
488
- $display4-size: 3.5rem;
485
+ $display1-size: $h1-font-size;
486
+ $display2-size: $h1-font-size;
487
+ $display3-size: $h3-font-size;
488
+ $display4-size: $h4-font-size;
489
489
 
490
490
  $display1-weight: 900;
491
491
  $display2-weight: 300;