Code block styling

This commit is contained in:
Oliver Davies 2018-12-30 00:31:50 +00:00
parent 3b23bec6bb
commit e75e6753ab
2 changed files with 10 additions and 4 deletions

View file

@ -1,22 +1,27 @@
.markdown .markdown,
.markup
@apply leading-normal
h2 h2
@apply mt-8 mb-3 text-black @apply mt-8 mb-3 text-black
h2, h3 h2, h3
@apply text-black @apply text-black
code
@apply bg-grey-lighter font-mono text-xs
p, p,
li li
code code
@apply bg-grey-lighter inline-block font-mono text-xs px-1 py-px border border-grey-light @apply inline-block px-1 py-1 border border-grey-light font-semibold
p:last-child p:last-child
@apply mb-0 @apply mb-0
pre code, pre code,
.hljs .hljs
@apply bg-grey-lighter block border-grey-dark border-l-4 font-mono @apply block leading-loose overflow-x-scroll p-6
@apply leading-loose overflow-x-scroll p-6 rounded text-xs
figure figure
@apply block mb-8 @apply block mb-8

View file

@ -62,6 +62,7 @@ module.exports = {
'serif', 'serif',
], ],
'mono': [ 'mono': [
'Roboto Mono',
'Menlo', 'Menlo',
'Monaco', 'Monaco',
'Consolas', 'Consolas',