refactor: use Tailwind CSS prose styles
This commit is contained in:
parent
84be97413d
commit
f4bcae37db
14 changed files with 102 additions and 136 deletions
|
@ -5,69 +5,6 @@
|
|||
text-underline-offset: 0.1em;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
> * + * {
|
||||
@apply mt-4;
|
||||
}
|
||||
|
||||
> *:first-child {
|
||||
@apply mt-0;
|
||||
}
|
||||
|
||||
h2 + * {
|
||||
@apply mt-2;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@apply mt-6;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@apply mt-8 font-bold;
|
||||
}
|
||||
|
||||
h2 + h3 {
|
||||
@apply mt-2
|
||||
}
|
||||
|
||||
blockquote {
|
||||
@apply my-8;
|
||||
}
|
||||
|
||||
ol {
|
||||
@apply pl-6 list-decimal;
|
||||
}
|
||||
|
||||
ul {
|
||||
@apply pl-6 list-disc;
|
||||
}
|
||||
|
||||
li {
|
||||
@apply mt-1 first:mt-0;
|
||||
}
|
||||
|
||||
a {
|
||||
@apply link;
|
||||
}
|
||||
|
||||
pre {
|
||||
@apply my-8;
|
||||
}
|
||||
|
||||
pre code {
|
||||
@apply block;
|
||||
}
|
||||
|
||||
.media--type-image {
|
||||
@apply my-8;
|
||||
}
|
||||
|
||||
.speakerdeck-embed-wrapper,
|
||||
.video-full {
|
||||
@apply my-8 aspect-w-4 aspect-h-3;
|
||||
}
|
||||
}
|
||||
|
||||
.visually-hidden {
|
||||
@apply sr-only;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue