48 lines
853 B
CSS
48 lines
853 B
CSS
@import "tailwindcss";
|
|
|
|
@layer base {
|
|
h1 {
|
|
font-size: var(--text-3xl);
|
|
/* padding: 1em 0em; */
|
|
}
|
|
h2 {
|
|
font-size: var(--text-2xl);
|
|
padding: 1em 0em;
|
|
}
|
|
h3 {
|
|
font-size: var(--text-xl);
|
|
padding: 1em 0em;
|
|
}
|
|
h4 {
|
|
font-size: var(--text-lg);
|
|
padding: 1em 0em;
|
|
}
|
|
a {
|
|
color: var(--color-blue-400);
|
|
}
|
|
li {
|
|
list-style-type: disc;
|
|
margin-left: 1em;
|
|
}
|
|
li::marker {
|
|
color: var(--color-gray-600);
|
|
}
|
|
|
|
blockquote {
|
|
list-style-type: disc;
|
|
border-left-width: .25rem;
|
|
border-left-color: var(--color-blue-600);
|
|
font-style: italic;
|
|
font-weight: 500;
|
|
padding-left: 1em;
|
|
margin-top: 1.6em;
|
|
margin-bottom: 1.6em;
|
|
}
|
|
|
|
img {
|
|
@apply py-0;
|
|
@apply rounded-lg;
|
|
@apply shadow-xl;
|
|
@apply object-cover;
|
|
}
|
|
}
|