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/dist/build/js/app.js.map +1 -1
- package/dist/build/scss/library.css +1 -1
- package/dist/build/scss/library.css.map +1 -1
- package/dist/build/scss/main.css +1 -1
- package/dist/build/scss/main.css.map +1 -1
- package/package.json +1 -1
- package/src/_includes/components/card/product-comparison-card.scss +6 -3
- package/src/_includes/components/internal-nav/internal-nav.scss +10 -3
- package/src/assets/scss/components/product-finder.scss +1 -1
- package/src/prototype/range.njk +1 -1
package/package.json
CHANGED
@@ -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
|
-
|
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
|
4
|
-
transition:
|
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:
|
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
|
|
package/src/prototype/range.njk
CHANGED
@@ -53,7 +53,7 @@ tagTitle: Range
|
|
53
53
|
}
|
54
54
|
}) }}
|
55
55
|
|
56
|
-
<div id="overview" class="mp u-wrap u-pad-top-
|
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">
|