@internetstiftelsen/styleguide 5.1.7-beta.5 → 5.1.8

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/atoms/height-limiter/height-limiter.js +2 -1
  3. package/src/structures/_article.scss +7 -9
  4. /package/src/brandbook/internetstiftelsen/{bildman/303/251r/bildman/303/251r.config.js" → bildmane/314/201r/bildmane/314/201r.config.js"} +0 -0
  5. /package/src/brandbook/internetstiftelsen/{tonalitet och spr/303/245kbruk/tonalitet och spr/303/245kbruk.config.js" → tonalitet och spra/314/212kbruk/tonalitet och spra/314/212kbruk.config.js"} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetstiftelsen/styleguide",
3
- "version": "5.1.7-beta.5",
3
+ "version": "5.1.8",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
package/src/atoms/height-limiter/height-limiter.js CHANGED
@@ -26,7 +26,8 @@ function setup(element) {
26
26
 
27
27
  update(innerContainer, button, height);
28
28
 
29
- button.addEventListener('click', () => {
29
+ button.addEventListener('click', (e) => {
30
+ e.stopPropagation();
30
31
  innerContainer.classList.toggle('is-limited');
31
32
  innerContainer.setAttribute('style',
32
33
  (innerContainer.style.maxHeight === `${height}px`) ? 'max-height:none' : `max-height:${height}px`);
package/src/structures/_article.scss CHANGED
@@ -29,6 +29,13 @@
29
29
  > figure:not(.wp-block-iis-hero) img {
30
30
  border-radius: var.$border-radius;
31
31
  }
32
+
33
+ @include bem.m(full-width) {
34
+ .wp-block-iis-info {
35
+ position: relative;
36
+ z-index: func.z_index(middleground);
37
+ }
38
+ }
32
39
  }
33
40
 
34
41
  @include breakpoint.bp-up(lg) {
@@ -145,15 +152,6 @@
145
152
  }
146
153
  }
147
154
 
148
- @include bem.e(content) {
149
- @include bem.m(full-width) {
150
- .wp-block-iis-info {
151
- position: relative;
152
- z-index: func.z_index(middleground);
153
- }
154
- }
155
- }
156
-
157
155
  @include mixin.molecule(card) {
158
156
  margin-bottom: func.rhythm(4);
159
157
  }