@internetstiftelsen/styleguide 5.1.3-beta.0.4 → 5.1.3

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetstiftelsen/styleguide",
3
- "version": "5.1.3-beta.0.4",
3
+ "version": "5.1.3",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
@@ -141,6 +141,9 @@ html {
141
141
  }
142
142
 
143
143
  @include bem.e(item) {
144
+ container-name: card;
145
+ container-type: inline-size;
146
+
144
147
  @include bem.e(content) {
145
148
  display: none;
146
149
  padding-bottom: 0;
@@ -359,12 +362,9 @@ html {
359
362
  }
360
363
 
361
364
  @include bem.e(card-text) {
362
- font-size: 80%;
363
- line-height: 1.3rem;
364
-
365
- @include breakpoint.bp-up(lg) {
366
- font-size: 100%;
367
- line-height: 1.5rem;
365
+ @container card (max-width: 300px) {
366
+ font-size: 90%;
367
+ line-height: 1.3rem;
368
368
  }
369
369
  }
370
370
  }