From 571875d9f3adfe8ae7e4a6fb3ba54d5aff4f3a53 Mon Sep 17 00:00:00 2001
From: kpaxman <kpaxman@uwaterloo.ca>
Date: Thu, 26 Nov 2020 20:10:49 -0500
Subject: [PATCH] ISTWCMS-4223: add styling for additional column widths. Not
sure why some styling is getting removed - must check later.
---
css/styles.css | 30 +++----------------
.../_patterns/03-layouts/layout/_layout.scss | 6 ++++
2 files changed, 10 insertions(+), 26 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index fdf3b6c2..0fe8652f 100644
--- a/css/styles.css
+++ b/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; }
diff --git a/source/_patterns/03-layouts/layout/_layout.scss b/source/_patterns/03-layouts/layout/_layout.scss
index 12c9ee19..42f75f6c 100644
--- a/source/_patterns/03-layouts/layout/_layout.scss
+++ b/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 {
--
GitLab