Fix code block styling

This commit is contained in:
Oliver Davies 2018-01-27 00:43:30 +00:00
parent 669a2560c8
commit eff5e19477
2 changed files with 21 additions and 0 deletions

View file

@ -0,0 +1,20 @@
pre code,
pre code.hljs,
.hljs {
@apply .p-4;
@apply .text-sm;
@apply .border-l-4;
@apply .border-grey-dark;
@apply .block;
@apply .bg-grey-lighter;
@apply .font-mono;
@apply .overflow-x-scroll;
}
p,
li {
code {
@apply .bg-grey-lighter .inline-block .font-mono;
padding: 1px 3px;
}
}

View file

@ -65,6 +65,7 @@ svg {
@import 'components/listing';
@import 'components/post';
@import 'components/post/about-author';
@import 'components/post/code';
@import 'components/table';
@import 'components/talk/slides';
@import 'components/talk/video';