Files
blog/src/styles/prose.css

57 lines
954 B
CSS

@import '@fontsource-variable/baskervville';
.prose {
h1, h2, h3, h4, h5, h6 {
font-family: 'Baskervville Variable', serif;
font-weight: 650;
margin-bottom: 0.25rem;
color: var(--heading-color);
letter-spacing: 0.015em;
line-height: 1.25
}
h1 {
margin-top: 0.5em;
font-size: 2.25em;
}
h2 {
font-size: 1.75em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
}
h5, h6 {
font-size: 1em;
font-weight: 700;
}
p, ul, ol {
margin-bottom: 0.8em;
}
ul, ol, blockquote {
padding: 0;
margin-left: 2em;
}
blockquote {
position: relative;
font-style: italic;
}
blockquote::before {
content: '';
position: absolute;
left: -01em;
height: 100%;
border-right: 3px solid var(--accent-color);
}
}