From 2e6822e844a213b31e760bf144a833ebae18d88f Mon Sep 17 00:00:00 2001
From: ebremner <ebremner@uwaterloo.ca>
Date: Thu, 27 Aug 2020 13:58:29 -0400
Subject: [PATCH] ISTWCMS-4051: updating five column layout width percentages
---
css/styles.css | 22 ++++++++++-----
.../layout--fivecol/_layout--fivecol.scss | 27 ++++++++++++++-----
2 files changed, 37 insertions(+), 12 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index 3bfed221..8cfb6a44 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1700,13 +1700,23 @@ svg:not(:root) {
max-width: 100%;
width: 100%; }
-.layout--fivecol-section .layout__region--first,
-.layout--fivecol-section .layout__region--second,
-.layout--fivecol-section .layout__region--third,
-.layout--fivecol-section .layout__region--fourth,
+.layout--fivecol-section .layout-builder__region {
+ display: inline-block; }
+
+.layout--fivecol-section .layout__region--first {
+ width: 23%; }
+
+.layout--fivecol-section .layout__region--second {
+ width: 18%; }
+
+.layout--fivecol-section .layout__region--third {
+ width: 18%; }
+
+.layout--fivecol-section .layout__region--fourth {
+ width: 18%; }
+
.layout--fivecol-section .layout__region--fifth {
- display: inline-block;
- width: 19%; }
+ width: 20%; }
.layout.uw-contained-width {
margin-left: auto;
diff --git a/source/_patterns/03-layouts/layout/layout--fivecol/_layout--fivecol.scss b/source/_patterns/03-layouts/layout/layout--fivecol/_layout--fivecol.scss
index 89706722..216bc07f 100644
--- a/source/_patterns/03-layouts/layout/layout--fivecol/_layout--fivecol.scss
+++ b/source/_patterns/03-layouts/layout/layout--fivecol/_layout--fivecol.scss
@@ -1,10 +1,25 @@
.layout--fivecol-section {
- .layout__region--first,
- .layout__region--second,
- .layout__region--third,
- .layout__region--fourth,
- .layout__region--fifth {
+ .layout-builder__region {
display: inline-block;
- width: 19%;
+ }
+
+ .layout__region--first {
+ width: 23%;
+ }
+
+ .layout__region--second {
+ width: 18%
+ }
+
+ .layout__region--third {
+ width: 18%;
+ }
+
+ .layout__region--fourth {
+ width: 18%;
+ }
+
+ .layout__region--fifth {
+ width: 20%;
}
}
\ No newline at end of file
--
GitLab