diff --git a/src/components/NoteText/NoteText.svelte b/src/components/NoteText/NoteText.svelte index ce607904..3b781c66 100644 --- a/src/components/NoteText/NoteText.svelte +++ b/src/components/NoteText/NoteText.svelte @@ -35,6 +35,7 @@ @include text-primary; @include font-semibold; @include fmt-3; + @include fmb-0; text-transform: none; } diff --git a/src/scss/tokens/text/mixins/_text-role.scss b/src/scss/tokens/text/mixins/_text-role.scss index b6f318a5..c4dc8aeb 100644 --- a/src/scss/tokens/text/mixins/_text-role.scss +++ b/src/scss/tokens/text/mixins/_text-role.scss @@ -5,6 +5,7 @@ @use 'letter-spacing' as *; @use 'line-height' as *; @use '../../spacers/mixins/main' as *; +@use '../../../mixins/block' as *; @mixin h1 { @include text-primary; @@ -20,9 +21,13 @@ @include font-bold; @include font-subhed; @include leading-tighter; - @include text-2xl; + @include text-xl; @include fmt-7; @include fmb-3; + + @media (max-width: $column-width-normal) { + @include text-2xl; + } } @mixin h3 { @@ -58,7 +63,7 @@ @mixin body-note { @include fmt-0; - @include fmb-1; + @include fmb-2; @include font-note; font-size: calc(0.85 * var(--theme-font-size-base)); @include font-light;