diff --git a/src/patterns/01-core/mixins/_headings.scss b/src/patterns/01-core/mixins/_headings.scss index a1180588e19f8be0e48691c65e552e3345c1c945..c6a93e78071fd0084b44a691b6d9c134860c4192 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 2b0639e4ea51ac5ea21cf9c14996c3923cb646e1..897c62fb2d037188909bd70b360934ad5d111f9e 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 08f565e911a3932d57a65603566038fba4ffa4e4..43570cde698d4ec0c2215a11beafdf860d91f59e 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 :