From 79ff931c22e01ecd8e8ad71d75d7bc155b9bbb0a Mon Sep 17 00:00:00 2001 From: Martin Leblanc <m26lebla@uwaterloo.ca> Date: Thu, 7 Jul 2022 10:07:25 -0400 Subject: [PATCH] ISTWCMS-5633: css to add correct padding to masthead --- src/patterns/01-core/mixins/_headings.scss | 1 + src/patterns/03-layouts/header/_header.scss | 4 ++-- .../04-components/menu/menu--header/_menu--header.scss | 2 +- 3 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/patterns/01-core/mixins/_headings.scss b/src/patterns/01-core/mixins/_headings.scss index c6a93e78..8f3a12bb 100644 --- a/src/patterns/01-core/mixins/_headings.scss +++ b/src/patterns/01-core/mixins/_headings.scss @@ -32,6 +32,7 @@ @mixin heading-1 { @include heading-base; + line-height: var(--font-lineheight-1); font-size: var( --font-size-8); } diff --git a/src/patterns/03-layouts/header/_header.scss b/src/patterns/03-layouts/header/_header.scss index 902b1afa..cf75d954 100644 --- a/src/patterns/03-layouts/header/_header.scss +++ b/src/patterns/03-layouts/header/_header.scss @@ -10,7 +10,7 @@ $site-name-bg: var(--gray-2); font-family: var(--font-condensedbook); margin-bottom: 0; min-height: var(--size-7); - padding: var(--size-1) 0; + padding: var(--size-1); position: relative; transition: margin 300ms; &.open{ @@ -28,7 +28,7 @@ $site-name-bg: var(--gray-2); } .uw-header-menu { align-self: flex-end; - margin-right: var(--size-7); + margin-right: 2.75rem; @media(min-width: $screen-md) { margin-right: var(--size-2); } diff --git a/src/patterns/04-components/menu/menu--header/_menu--header.scss b/src/patterns/04-components/menu/menu--header/_menu--header.scss index 237f532c..61f678bf 100644 --- a/src/patterns/04-components/menu/menu--header/_menu--header.scss +++ b/src/patterns/04-components/menu/menu--header/_menu--header.scss @@ -26,7 +26,7 @@ width: var(--size-12); a{ color: var(--uw-white); - line-height:1.25rem; + line-height: 1.25rem; outline: none; outline-offset: unset; width: 100%; -- GitLab