Fix code block styling
This commit is contained in:
parent
669a2560c8
commit
eff5e19477
20
assets/less/components/post/code.less
Normal file
20
assets/less/components/post/code.less
Normal 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;
|
||||
}
|
||||
}
|
|
@ -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';
|
||||
|
|
Reference in a new issue