fix dropcap and add correction style
This commit is contained in:
parent
b8b610313a
commit
9b04daab6b
5 changed files with 16 additions and 5 deletions
|
|
@ -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>
|
||||
`,
|
||||
}}"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@
|
|||
interface EndNote {
|
||||
/**
|
||||
* Title of the note item
|
||||
* @required
|
||||
*/
|
||||
title: String;
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -35,3 +35,7 @@
|
|||
.drop-cap {
|
||||
@include drop-cap;
|
||||
}
|
||||
|
||||
.body-correction {
|
||||
@include body-correction;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue