mp-design-system 1.2.14 → 1.2.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mp-design-system",
3
- "version": "1.2.14",
3
+ "version": "1.2.16",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "dev": "npm-run-all --parallel bundle:*",
@@ -6,6 +6,10 @@
6
6
 
7
7
  &--intro {
8
8
  background: radial-gradient(circle at top right, color('petrol', 'step-3') 0%, color('petrol', 'step-3') 30%, color('blue', 'step-2') 100%);
9
+
10
+ .c-h {
11
+ font-size: ar(--step-5);
12
+ }
9
13
  }
10
14
 
11
15
  &:after {
@@ -26,6 +30,11 @@
26
30
  display: block;
27
31
  }
28
32
  }
33
+
34
+ .c-h,
35
+ figure {
36
+ @include margin-bottom(0);
37
+ }
29
38
  }
30
39
 
31
40
  &__result {
@@ -73,6 +73,11 @@ $grid-gutter-width: 36;
73
73
  }
74
74
 
75
75
  &--of-two-switch {
76
+ &>* {
77
+ @include margin-bottom(0);
78
+ gap: var(--space-s);
79
+ }
80
+
76
81
  @media (min-width: 40em) {
77
82
  @include o-grid(2);
78
83
  }
@@ -125,6 +125,12 @@
125
125
  @include gap("s-l");
126
126
  }
127
127
 
128
+ @supports (object-fit: contain) {
129
+ .u-object-contain {
130
+ object-fit: contain;
131
+ }
132
+ }
133
+
128
134
  @supports (object-fit: cover) {
129
135
  .u-2\/1 {
130
136
  aspect-ratio: 2 / 1;
@@ -133,6 +139,7 @@
133
139
  }
134
140
  }
135
141
 
142
+
136
143
  @media (min-width: 640px) {
137
144
  .u-md-hidden {
138
145
  display: none !important;