better margins for headings and codeblocks

This commit is contained in:
Jakob Schrettenbrunner 2018-07-26 23:24:20 +02:00
parent adbf434049
commit 7f2491820b
2 changed files with 5 additions and 5 deletions

View File

@ -25,7 +25,7 @@
}
div[class*="language-"] {
@apply .relative .bg-grey-darkest .rounded .border .border-black .text-sm;
@apply .relative .bg-grey-darkest .rounded .border .border-black .text-sm .my-4;
.highlight-lines {
@apply .absolute .pin-t .pin-l .w-full .leading-normal .select-none;

View File

@ -44,7 +44,7 @@ a.header-anchor {
}
h1, h2, h3, h4, h5, h6 {
@apply .mt-6 .font-semibold;
@apply .mt-8 .mb-4 .font-semibold;
&:hover .header-anchor {
@apply .visible;
@ -52,11 +52,11 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
@apply .text-4xl;
@apply .mt-12 .text-4xl;
}
h2 {
@apply .pb-3 .border-b;
@apply .mt-10 .pb-2 .border-b;
}
p {
@ -76,7 +76,7 @@ hr {
}
table {
@apply block mt-4 border-collapse;
@apply block my-4 border-collapse;
overflow-x: auto;
tr {