fix dropcap and add correction style

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

View file

@ -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: `<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
@ -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.
<p class='body-correction'>Correction: Lorem ispsum dolor sit amet ameno dorime.</p>
`,
}}"
/>

View file

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

View file

@ -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;

View file

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

View file

@ -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;
}