ISTWCMS-4223: add styling for additional column widths. Not sure why some...

ISTWCMS-4223: add styling for additional column widths. Not sure why some styling is getting removed - must check later.

css/styles.css

@@ -1893,37 +1893,15 @@ svg:not(:root) {
     @media (min-width: 80rem) {
       .layout.uw-contained-width {
         padding: 1rem 0; } }
+    .layout.uw-contained-width--narrow {
+      max-width: 496px; }
+    .layout.uw-contained-width--wide {
+      max-width: 753px; }
   .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,12 @@
     @include xl {
       padding:rem(gesso-spacing(sm)) 0;
     }
+    &--narrow {
+      max-width: 496px;
+    }
+    &--wide {
+      max-width: 753px;
+    }
   }
 
   &.uw-full-width {