Merge branch 'feature/ISTWCMS-4223-kpaxman-more_column_widths' into '8.x-3.x'

istwcms-4223: more column widths

See merge request !4

css/styles.css

@@ -1893,37 +1893,17 @@ svg:not(:root) {
     @media (min-width: 80rem) {
       .layout.uw-contained-width {
         padding: 1rem 0; } }
+    .layout.uw-contained-width--narrow {
+      /* Match the width of WCMS2's narrow: 496px */
+      max-width: 31rem; }
+    .layout.uw-contained-width--wide {
+      /* Match the width of WCMS2's wide: 753px */
+      max-width: 47.0625rem; }
   .layout.uw-full-width {
     max-width: 100%;
     padding: 0;
     width: 100%; }
 
-.layout.uw-contained-width {
-  margin-left: auto;
-  margin-right: auto;
-  max-width: 63.1875rem;
-  padding: 0 16px; }
-  @media (min-width: 80rem) {
-    .layout.uw-contained-width {
-      padding-left: 0;
-      padding-right: 0; } }
-
-.layout--uwtwocol {
-  display: grid; }
-  .layout--uwtwocol .layout__region--first {
-    grid-column: 1 / 2; }
-  .layout--uwtwocol .layout__region--second {
-    grid-column: 2 / 3; }
-
-.layout--uwtwocol.larger-left {
-  grid-template-columns: 67% 33%; }
-
-.layout--uwtwocol.larger-right {
-  grid-template-columns: 33% 67%; }
-
-.layout--uwtwocol.even-split {
-  grid-template-columns: 50% 50%; }
-
 .l-media {
   display: flex;
   flex-direction: column; }

source/_patterns/03-layouts/layout/_layout.scss

@@ -7,6 +7,14 @@
     @include xl {
       padding:rem(gesso-spacing(sm)) 0;
     }
+    &--narrow {
+      /* Match the width of WCMS2's narrow: 496px */
+      max-width: 31rem;
+    }
+    &--wide {
+      /* Match the width of WCMS2's wide: 753px */
+      max-width: 47.0625rem;
+    }
   }
 
   &.uw-full-width {