use noto font and large font size

This commit is contained in:
2020-01-09 21:15:27 +08:00
parent d5f138e7d1
commit 38d30e6889
6 changed files with 24 additions and 15 deletions

View File

@@ -7,14 +7,18 @@
/* Tailwind's utility classes - generated based on config file */
@import "node_modules/tailwindcss/utilities";
.markdown {
@apply text-lg;
}
.markdown h1 {
@apply text-3xl my-12;
@apply text-4xl my-12;
}
.markdown h2 {
@apply text-2xl my-8;
@apply text-3xl my-8;
}
.markdown h3 {
@apply text-lg my-4;
@apply text-xl my-4;
}
.markdown h4 {
@apply my-2;
@@ -50,19 +54,19 @@
@apply overflow-x-auto p-4 border border-solid border-gray-400 shadow-lg;
}
.markdown code {
@apply bg-gray-200 font-mono text-sm;
@apply bg-gray-200 font-mono text-lg;
}
.markdown pre code {
@apply bg-transparent;
}
.markdown ul {
@apply text-base pl-8 list-disc;
@apply pl-8 list-disc;
}
.markdown ol {
@apply text-base pl-8 list-decimal;
@apply pl-8 list-decimal;
}
.markdown kbd {
@apply text-xs inline-block bg-gray-100 rounded border p-1 align-middle font-normal font-mono shadow;
@apply text-sm inline-block bg-gray-100 rounded border p-1 align-middle font-normal font-mono shadow;
}
.markdown hr {
@apply block my-6 mx-auto max-w-md h-px border-t border-black;