mp-design-system 1.2.25 → 1.2.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mp-design-system",
-  "version": "1.2.25",
+  "version": "1.2.26",
   "description": "",
   "scripts": {
     "dev": "npm-run-all --parallel bundle:*",

package/src/_includes/components/meta-box/meta-box.scss

@@ -7,28 +7,4 @@
   .u-wrap--fields {
     @include padding-right(0)
   }
-
-  @media only screen and (min-width: 35em) and (max-width: 54.95em) {
-    column-width: 18em;
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-gap: 0 var(--gutter);
-    grid-template-rows: auto max-content auto;
-    
-    h2 {
-      grid-column: 1/3;
-    }
-
-    li {
-      break-inside: avoid;
-    }
-        
-    .u-grey-step-1 {
-      grid-row: 2/4;
-    }
-    
-    .c-button {
-      align-self: start;
-    }
-  }
 }

package/src/assets/scss/objects/grid.scss

@@ -185,6 +185,16 @@ $grid-gutter-width: 36;
     }
   }
 
+  // Prevents overlap on floated sticky elements when stacked
+  @media (max-width: 55em) {
+    &--float:not([class*="switch"]) > :nth-child(2n + 1),
+    &--float[class*="switch"] > :nth-child(2n + 2),
+    &--float:not([class*="switch"]) > :nth-child(2n + 2),
+    &--float[class*="switch"] > :nth-child(2n + 1) {
+      position: static;
+    }
+  }
+
   @media (min-width: 55em) {
     &--4\/7 > :nth-child(2n + 2),
     &--4\/7-switch > :nth-child(2n + 2) {

package/src/brand/typography.md

@@ -38,7 +38,7 @@ abcdefghijklmnopqrstuvwxyz @ $ € £ ¥ & © ® ™ μ ± °
 
 - Inter Light for printed materials
 - Inter Regular for web/software
-- Arial for office (e.g. Powerpoint)
+- Calibri for office (e.g. Powerpoint)
 - Color: 100% black for printed materials, [MP21Charcoal](/brand/visual/colors) for digital
 - <span class="c-library__semi">Inter Semi Bold</span> for emphasis
 - Recommended font sizes for body text: