Fix line height issues in code block highlighting

This commit is contained in:
Dane Everitt 2018-07-27 22:38:08 -07:00
parent 8a03492b97
commit 54c40ab3f0
No known key found for this signature in database
GPG Key ID: EEA66103B3D71F53

View File

@ -8,7 +8,7 @@
@apply .leading-normal .overflow-auto .my-4 .mx-0; @apply .leading-normal .overflow-auto .my-4 .mx-0;
code { code {
@apply .text-white .p-0 .bg-transparent .border-0; @apply .text-white .p-0 .bg-transparent .border-0 .inline-block;
} }
&::-webkit-scrollbar { &::-webkit-scrollbar {
@ -28,8 +28,8 @@ div[class*="language-"] {
@apply .relative .bg-grey-darkest .rounded .border .border-black .text-sm .my-4; @apply .relative .bg-grey-darkest .rounded .border .border-black .text-sm .my-4;
.highlight-lines { .highlight-lines {
@apply .absolute .pin-t .pin-l .w-full .leading-normal .select-none; @apply .absolute .pin-l .w-full .leading-normal .select-none;
margin-top: .9rem; top: .9rem;
.highlighted { .highlighted {
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);