mp-design-system 1.2.16 → 1.2.18

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.16",
3
+ "version": "1.2.18",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "dev": "npm-run-all --parallel bundle:*",
@@ -1,6 +1,5 @@
1
1
  .c-embed {
2
2
  position: relative;
3
- z-index: -1;
4
3
 
5
4
  &__wrapper {
6
5
  padding-bottom: 56.625%;
@@ -18,6 +18,7 @@
18
18
 
19
19
  &:before {
20
20
  content: '';
21
+ box-shadow: 1px 1px color('white');
21
22
  @include space('height', 'gutter');
22
23
  width: 100vw;
23
24
  background: color('white');
@@ -29,6 +30,7 @@
29
30
 
30
31
  &:after {
31
32
  content: '';
33
+ box-shadow: -1px 0 color('white');
32
34
  position: absolute;
33
35
  width: 0;
34
36
  height: 0;
@@ -58,11 +58,15 @@
58
58
  --error-state: #{color('red')};
59
59
  position: relative;
60
60
 
61
+ .c-input {
62
+ width: calc(100% - (27px + var(--space-xs)));
63
+ }
64
+
61
65
  &:after {
62
66
  content: '';
63
67
  position: absolute;
64
68
  top: 2.3em;
65
- left: 100%;
69
+ right: 0;
66
70
  @include margin-left('xs');
67
71
  @include padding('xs');
68
72
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="12" fill="%23CE0058"/><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.666 7.333l-9.333 9.334M7.333 7.333l9.333 9.334"/></svg>') no-repeat center;
@@ -73,9 +73,11 @@ $grid-gutter-width: 36;
73
73
  }
74
74
 
75
75
  &--of-two-switch {
76
+ gap: var(--space-s);
77
+ justify-content: space-between;
78
+
76
79
  &>* {
77
- @include margin-bottom(0);
78
- gap: var(--space-s);
80
+ @include margin(0);
79
81
  }
80
82
 
81
83
  @media (min-width: 40em) {