From 8f0d639b2b544900383fa34ba988c05b977b4874 Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Tue, 28 Jun 2022 13:56:28 -0400
Subject: [PATCH] ISTWCMS-5647: css change for padding variable in
layout-constraint mixin, css change to variable max-width. css for title to
fill full width of section
---
src/patterns/01-core/mixins/_headings.scss | 1 -
src/patterns/01-core/props/_layout.scss | 5 +++--
src/patterns/04-components/card/card--node/_card--node.scss | 2 +-
3 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/patterns/01-core/mixins/_headings.scss b/src/patterns/01-core/mixins/_headings.scss
index a1180588..c6a93e78 100644
--- a/src/patterns/01-core/mixins/_headings.scss
+++ b/src/patterns/01-core/mixins/_headings.scss
@@ -33,7 +33,6 @@
@mixin heading-1 {
@include heading-base;
font-size: var( --font-size-8);
- max-inline-size: var(--size-header-1);
}
@mixin heading-2 {
diff --git a/src/patterns/01-core/props/_layout.scss b/src/patterns/01-core/props/_layout.scss
index 2b0639e4..897c62fb 100644
--- a/src/patterns/01-core/props/_layout.scss
+++ b/src/patterns/01-core/props/_layout.scss
@@ -1,7 +1,8 @@
:where(html) {
- --layout-gutter: var(--size-4);
+ --layout-gutter: var(--size-2);
--layout-max-width: 75rem;
- --grid-gutter: var(--size-4);
+ --layout-wide-max-width: 47.0625rem;
+ --grid-gutter: var(--size-2);
--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 08f565e9..43570cde 100644
--- a/src/patterns/04-components/card/card--node/_card--node.scss
+++ b/src/patterns/04-components/card/card--node/_card--node.scss
@@ -192,7 +192,7 @@
// Width is experimental to match one of the max-widths in
// layouts for narrower width page look.
- @include uw-contained-width(var(--max-width));
+ @include uw-contained-width(var(--layout-wide-max-width));
}
}
// CSS for displaying the title within the node :
--
GitLab