Adjust code text size on mobile

This commit is contained in:
Oliver Davies 2018-01-30 18:03:36 +00:00
parent 0fe30169c6
commit 76a176d165

View file

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