Merge branch 'feature/240-promo-banner-video-option' of github.com:torchbox/rca-wagtail-2019 into dev

Author: Patrick Gan

poetry.lock

@@ -6,7 +6,7 @@
 {# Match the background color of the previous section if it exists, otherwise use the value's background color #}
 <section class="section section--top-space bg bg--{% if previous_section_bg %}{{ previous_section_bg }}{% elif value.background_color == "dark" %}light{% else %}dark{% endif %}">
     <div class="promo-banner bg bg--{{ value.background_color }}">
-        <div class="promo-banner__grid">
+        <div class="promo-banner__grid grid">
             <div class="promo-banner__intro">
                 <h2 class="promo-banner__heading heading heading--one">{{ value.title }}</h2>
                 <p class="promo-banner__text heading heading--five">{{ value.strapline }}</p>

rca/project_styleguide/templates/patterns/molecules/streamfield/blocks/promo_banner_block.html

@@ -17,11 +17,8 @@
     }
 
     &__grid {
-        @include grid-layout();
-
         @include media-query(large) {
-            padding: 0;
-            grid-template-columns: repeat(5, 1fr);
+            overflow: visible;
         }
     }
 
@@ -79,11 +76,12 @@
         margin-bottom: ($gutter * 2);
 
         @include media-query(large) {
-            display: grid;
             grid-column: 4 / span 2;
             margin-bottom: -($gutter * 3.5);
             order: 0;
             position: relative;
+            // 100% + the last grid item in `grid-layout`
+            width: 116.74%;
         }
 
         #{$root}__image,