From db157fed293739a126a8f8f5046d11521c4e4c71 Mon Sep 17 00:00:00 2001
From: Eric Bremner <ebremner@uwaterloo.ca>
Date: Mon, 27 Jun 2022 16:20:00 -0400
Subject: [PATCH] ISTWCMS-5647: setting the max-width variable and using it in
card
---
src/patterns/01-core/props/_layout.scss | 1 +
src/patterns/04-components/card/card--node/_card--node.scss | 2 +-
2 files changed, 2 insertions(+), 1 deletion(-)
diff --git a/src/patterns/01-core/props/_layout.scss b/src/patterns/01-core/props/_layout.scss
index d3c0ae36..2b0639e4 100644
--- a/src/patterns/01-core/props/_layout.scss
+++ b/src/patterns/01-core/props/_layout.scss
@@ -3,4 +3,5 @@
--layout-max-width: 75rem;
--grid-gutter: var(--size-4);
--grid-gap: var(--size-4);
+ --max-width: 47.0625rem;
}
diff --git a/src/patterns/04-components/card/card--node/_card--node.scss b/src/patterns/04-components/card/card--node/_card--node.scss
index a636d84f..00d5dfc7 100644
--- a/src/patterns/04-components/card/card--node/_card--node.scss
+++ b/src/patterns/04-components/card/card--node/_card--node.scss
@@ -186,7 +186,7 @@
// Width is experimental to match one of the max-widths in
// layouts for narrower width page look.
- @include uw-contained-width(47.0625rem);
+ @include uw-contained-width(var(--max-width));
}
}
// CSS for displaying the title within the node :
--
GitLab