mp-design-system 1.2.19 → 1.2.21

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.19",
3
+ "version": "1.2.21",
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
 
@@ -1,10 +1,11 @@
1
1
  .c-internal-nav {
2
2
  background-color: transparent;
3
- border-bottom: 1px solid color('grey', 'step-2');
4
- transition: 300ms background-color;
3
+ border-bottom: 1px solid transparent;
4
+ transition: 200ms all;
5
5
 
6
6
  &--stuck {
7
7
  @extend .u-bg-white;
8
+ border-bottom-color: color('grey', 'step-2');
8
9
  z-index: 9999;
9
10
 
10
11
  .c-internal-nav__title {
@@ -24,7 +25,7 @@
24
25
  @include padding('s', 0);
25
26
  flex-shrink: 0;
26
27
  font-weight: bold;
27
- transition: 300ms opacity;
28
+ transition: 200ms opacity;
28
29
  opacity: 0;
29
30
  }
30
31
 
@@ -40,6 +41,12 @@
40
41
  & > * + * {
41
42
  @include margin-left('l');
42
43
  }
44
+
45
+ li {
46
+ a {
47
+ @extend .u-link;
48
+ }
49
+ }
43
50
  }
44
51
 
45
52
 
@@ -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
 
@@ -53,7 +53,7 @@ tagTitle: Range
53
53
  }
54
54
  }) }}
55
55
 
56
- <div id="overview" class="mp u-wrap u-pad-top-s u-margin-bottom-l-xl" style="scroll-margin-top:70px">
56
+ <div id="overview" class="mp u-wrap u-pad-top-m-l u-pad-bottom-l-xl" style="scroll-margin-top:70px">
57
57
  <div class="o-grid o-grid--of-two-late u-pad-bottom-s">
58
58
  <div>
59
59
  <div class="mp o-prose u-flow--prose">