mp-design-system 1.2.18 → 1.2.20

Sign up to get free protection for your applications and to get access to all the features.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mp-design-system",
3
- "version": "1.2.18",
3
+ "version": "1.2.20",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "dev": "npm-run-all --parallel bundle:*",
@@ -41,7 +41,6 @@
41
41
  }
42
42
 
43
43
  &__feature {
44
-
45
44
  &--tick {
46
45
  svg {
47
46
  color: color('green');
@@ -56,9 +55,13 @@
56
55
  &__footer {
57
56
  @include margin-top('auto');
58
57
  @include padding-top('s');
58
+ display: flex;
59
+ flex-flow: row;
60
+ flex-wrap: wrap;
61
+ gap: var(--space-2xs);
59
62
 
60
- & > * + * {
61
- @include margin-top('2xs');
63
+ & > * {
64
+ flex-grow: 1;
62
65
  }
63
66
  }
64
67
 
@@ -8,7 +8,7 @@
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
9
 
10
10
  .c-h {
11
- font-size: ar(--step-5);
11
+ font-size: var(--step-5);
12
12
  }
13
13
  }
14
14
 
@@ -73,15 +73,14 @@ $grid-gutter-width: 36;
73
73
  }
74
74
 
75
75
  &--of-two-switch {
76
- gap: var(--space-s);
77
76
  justify-content: space-between;
78
-
79
- &>* {
80
- @include margin(0);
81
- }
82
77
 
83
78
  @media (min-width: 40em) {
84
79
  @include o-grid(2);
80
+
81
+ &>:nth-child(2n + 2) {
82
+ @include margin-left(0);
83
+ }
85
84
  }
86
85
  }
87
86