Select Git revision
content-block.pcss
content-block.pcss 1.23 KiB
.content-block {
h1,
h2,
h3,
h4 {
@apply font-condensed font-bold leading-tight;
}
h5,
h6 {
@apply font-condensed uppercase leading-tight;
}
h1,
h2,
h3 {
margin-bottom: .4em;
&:not(:first-child) {
margin-top: .95em;
}
}
h4,
h5,
h6 {
margin-bottom: .3em;
&:not(:first-child) {
margin-top: .95em;
}
}
/* Horizontal rule starts new block */
hr + h1,
hr + h2,
hr + h3,
hr + h4,
hr + h5,
hr + h6 {
@apply mt-0;
}
h1 {
@apply text-3xl;
}
h2 {
@apply text-2xl;
}
h3 {
@apply text-xl;
}
h4 {
@apply text-lg;
}
h5 {
@apply text-base;
}
h6 {
@apply text-sm;
}
pre {
line-height: 1;
}
/* Contact lines are quite frequent so these are blacklisted for anchor style specifically. */
a:not(.contact-line):not(.content-block--nostyle) {
@apply underline;
}
p, ul, ol {
@apply leading-normal;
}
p:not(:last-child) {
margin-bottom: 1em;
}
strong {
@apply font-bold;
}
small {
@apply text-sm;
}
ul,
ol,
table,
blockquote,
figure,
iframe {
&:not(:first-child) {
margin-top: 1em;
}
&:not(:last-child) {
margin-bottom: 1em;
}
}
}