diff --git a/src/components/BodyText/BodyText.stories.svelte b/src/components/BodyText/BodyText.stories.svelte index 4aa67359..6330724d 100644 --- a/src/components/BodyText/BodyText.stories.svelte +++ b/src/components/BodyText/BodyText.stories.svelte @@ -38,7 +38,7 @@ name="Typography sample" args="{{ class: 'body-text-typography-example-story', - text: `Reprehenderit hamburger pork bresaola, dolore chuck sirloin landjaeger ham hock [tempor meatball](https://baconipsum.com/) alcatra nostrud pork belly. Culpa pork belly doner ea jowl, elit deserunt leberkas cow shoulder ham hock dolore. + text: `Reprehenderit hamburger pork bresaola, dolore chuck sirloin landjaeger ham hock [tempor meatball](https://baconipsum.com/) alcatra nostrud pork belly. Culpa pork belly doner ea jowl, elit deserunt leberkas cow shoulder ham hock dolore. ## Biltong turducken ground round kevin @@ -87,6 +87,8 @@ Consectetur ribeye consequat pork capicola. T-bone ad laborum beef ribs picanha. Tempor tail doner chicken incididunt beef ribs. Ad ullamco in cupim venison. Leberkas rump ullamco adipisicing, laboris excepteur voluptate. Ham hock id porchetta elit. Sint spare ribs aute buffalo. + +
Correction: Lorem ispsum dolor sit amet ameno dorime.
`, }}" /> diff --git a/src/components/EndNotes/EndNotes.svelte b/src/components/EndNotes/EndNotes.svelte index 2a832573..43bdc1ef 100644 --- a/src/components/EndNotes/EndNotes.svelte +++ b/src/components/EndNotes/EndNotes.svelte @@ -3,7 +3,6 @@ interface EndNote { /** * Title of the note item - * @required */ title: String; /** diff --git a/src/scss/tokens/spacers/mixins/_fluid-margin.scss b/src/scss/tokens/spacers/mixins/_fluid-margin.scss index 6d56a761..ca025ae7 100644 --- a/src/scss/tokens/spacers/mixins/_fluid-margin.scss +++ b/src/scss/tokens/spacers/mixins/_fluid-margin.scss @@ -81,7 +81,7 @@ $fluid-margin-levels: ( margin-left: map.get($fluid-margin-levels, '1'); } @mixin fmr-1 { - margin-right: map.get($fluid-margin-levels, '1') !important; + margin-right: map.get($fluid-margin-levels, '1'); } @mixin \!fm-1 { margin: map.get($fluid-margin-levels, '1') !important; diff --git a/src/scss/tokens/text/_text-role.scss b/src/scss/tokens/text/_text-role.scss index 7624e455..e55070d4 100644 --- a/src/scss/tokens/text/_text-role.scss +++ b/src/scss/tokens/text/_text-role.scss @@ -35,3 +35,7 @@ .drop-cap { @include drop-cap; } + +.body-correction { + @include body-correction; +} diff --git a/src/scss/tokens/text/mixins/_text-role.scss b/src/scss/tokens/text/mixins/_text-role.scss index 575512f1..e969be92 100644 --- a/src/scss/tokens/text/mixins/_text-role.scss +++ b/src/scss/tokens/text/mixins/_text-role.scss @@ -90,8 +90,14 @@ @mixin drop-cap { float: left; - @include text-5xl; - line-height: 0.9; @include fmr-1; @include font-light; + font-size: calc(3.44 * var(--theme-font-size-base)); + line-height: 0.9; +} + +@mixin body-correction { + @include body-note; + @include text-secondary; + font-style: italic; }