mp-design-system 0.9.5 → 0.9.8

package/package.json

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

package/src/_includes/components/post-meta/post-meta.config.js

@@ -23,6 +23,15 @@ module.exports = {
           label: 'Register for part 3'
         }]
       }
+    },
+    {
+      title: 'With author link',
+      context: {
+        author: {
+          link: '/',
+          label: 'Lauren Ipson'
+        }
+      }
     }
   ],
   props: [

package/src/_includes/components/post-meta/post-meta.njk

@@ -6,5 +6,11 @@
       links: params.series
     }) }}
   {% endif %}
-  {{ params.content | safe }}
-</div>
+  {% if params.author %}
+    <p>By <a class="u-link u-link--underline" href="{{ params.author.link }}">{{ params.author.label | safe }}</a>, Wednesday 6 January 2021</p>
+  {% else %}
+    {{ params.content | safe }}
+  {% endif %}
+</div>
+
+{# test #}

package/src/_includes/components/twi/twi.scss

@@ -14,6 +14,7 @@
   svg {
     margin-left: $twi-space;
     font-size: 1.25em;
+    position: static !important;
   }
 
   &--left svg {

package/src/assets/scss/utilities/hr.scss

@@ -10,6 +10,10 @@
   border-top: 1px solid color('petrol', 'step-2');
 }
 
+.u-border-bottom {
+  border-bottom: 1px solid color('petrol', 'step-2');
+}
+
 .u-border {
   border: 1px solid color('petrol', 'step-2');
 }

package/src/assets/scss/utilities/link.scss

@@ -7,7 +7,19 @@
     text-decoration: underline;
   }
 
+  &--petrol {
+    color: color('petrol');
+  }
+
   &--red {
     color: color('red');
   }
-}
+  
+  &--underline {
+    text-decoration: underline;
+  
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}

package/src/assets/scss/utilities/space.scss

@@ -97,6 +97,10 @@
   @include padding('xl');
 }
 
+.u-pad-y-xs {
+  @include padding-top('xs');
+  @include padding-bottom('xs');
+}
 .u-pad-y-s {
   @include padding-top('s');
   @include padding-bottom('s');