mp-design-system 1.2.41 → 1.2.42

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.41",
3
+ "version": "1.2.42",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "dev": "npm-run-all --parallel bundle:*",
@@ -40,7 +40,7 @@
40
40
  }
41
41
 
42
42
  & > .c-fieldset {
43
- & > *:not(:has(> .u-hidden)) + *:not(:has(> .u-hidden)) {
43
+ & > * + *:not(:has(> .u-hidden)) {
44
44
  @include padding-top('s');
45
45
  }
46
46
  }
@@ -70,7 +70,7 @@
70
70
 
71
71
  .c-fieldset {
72
72
  border: 0;
73
- padding: 0.01em 0 0 0;
73
+ padding: 0.01em 0 var(--space-s) 0;
74
74
  margin: 0;
75
75
  min-width: 0;
76
76
 
@@ -89,9 +89,21 @@
89
89
  }
90
90
 
91
91
  & + & {
92
- @include margin('s', 0, 0);
93
- @include padding('s', 0);
94
- border-top: 1px solid color('petrol', 'step-2');
92
+ @include padding-top('s');
93
+ position: relative;
94
+ &::before {
95
+ content: '';
96
+ position: absolute;
97
+ height: 1px;
98
+ width: 100%;
99
+ background: color('petrol', 'step-2');
100
+ top: 0;
101
+ }
102
+ }
103
+
104
+ & .o-grid,
105
+ & .o-grid > * {
106
+ @include margin-bottom(0);
95
107
  }
96
108
  }
97
109
 
@@ -511,6 +511,8 @@ tagTitle: Forms
511
511
  </div>
512
512
  </div>
513
513
  </div>
514
+ </div>
515
+ <div class="c-form__row o-grid o-grid--of-two">
514
516
  <div class="c-form__input Province u-hidden required ">
515
517
  <div class="c-form__input-wrap u-hidden">
516
518
  <label class="c-label u-pad-xs c-label--required" for="Province">Province</label>