feat: add Pullquote component

This commit is contained in:
Stefan Imhoff
2023-06-01 11:18:35 +02:00
parent 3a96fd808e
commit 676be24b30
4 changed files with 90 additions and 0 deletions

View File

@@ -67,6 +67,20 @@
quotes: '“' '”' '' '';
}
[lang|='de'] blockquote,
blockquote[lang|='de'],
[lang|='de'] q,
q[lang|='de'] {
quotes: '»' '«' '' '';
}
[lang|='ja'] blockquote,
blockquote[lang|='ja'],
[lang|='ja'] q,
q[lang|='ja'] {
quotes: '「' '」' '『' '』';
}
/** Inline Quotes */
q {
@apply italic;
@@ -80,6 +94,33 @@
}
}
/** Pullquote */
.pullquote {
&::before {
@apply hidden;
}
& p {
@apply m-0 text-4 font-extrabold leading-none;
}
& p:first-child::before {
@apply font-normal content-[open-quote];
}
& p:nth-of-type(1):first-letter {
@apply -mis-[0.4em];
}
& p:nth-last-of-type(1)::after {
@apply font-normal content-[close-quote];
}
}
.pullquote[lang|='ja'] {
@apply font-normal;
}
/** Cite */
cite {
@apply pie-[0.1em];