wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix dropcap and add correction style

Browse source
This commit is contained in:
Prasanta Kumar Dutta 2023-09-09 00:21:27 +05:30
parent b8b610313a
commit 9b04daab6b
5 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/BodyText/BodyText.stories.svelte
View file

@ -38,7 +38,7 @@
name="Typography sample" name="Typography sample"
args="{{ args="{{
class: 'body-text-typography-example-story', 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: `<span class='drop-cap'>R</span>eprehenderit 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 ## 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. 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. Ham hock id porchetta elit. Sint spare ribs aute buffalo.
<p class='body-correction'>Correction: Lorem ispsum dolor sit amet ameno dorime.</p>
`, `,
}}" }}"
/> />

1
src/components/EndNotes/EndNotes.svelte
View file

@ -3,7 +3,6 @@
interface EndNote { interface EndNote {
/** /**
* Title of the note item * Title of the note item
* @required
*/ */
title: String; title: String;
/** /**

2
src/scss/tokens/spacers/mixins/_fluid-margin.scss
View file

@ -81,7 +81,7 @@ $fluid-margin-levels: (
margin-left: map.get($fluid-margin-levels, '1'); margin-left: map.get($fluid-margin-levels, '1');
} }
@mixin fmr-1 { @mixin fmr-1 {
margin-right: map.get($fluid-margin-levels, '1') !important; margin-right: map.get($fluid-margin-levels, '1');
} }
@mixin \!fm-1 { @mixin \!fm-1 {
margin: map.get($fluid-margin-levels, '1') !important; margin: map.get($fluid-margin-levels, '1') !important;

4
src/scss/tokens/text/_text-role.scss
View file

@ -35,3 +35,7 @@
.drop-cap { .drop-cap {
@include drop-cap; @include drop-cap;
} }
.body-correction {
@include body-correction;
}

10
src/scss/tokens/text/mixins/_text-role.scss
View file

@ -90,8 +90,14 @@
@mixin drop-cap { @mixin drop-cap {
float: left; float: left;
@include text-5xl;
line-height: 0.9;
@include fmr-1; @include fmr-1;
@include font-light; @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;
} }