Inlined markdown dark styles

This commit is contained in:
Chris Kankiewicz
2020-12-30 13:36:49 -07:00
parent d0821bd98b
commit aec06d3e46

View File

@@ -2,10 +2,10 @@
@apply break-words;
a {
@apply text-blue-600 underline;
@apply text-blue-600 underline dark:text-purple-600;
&:hover {
@apply text-blue-800;
@apply text-blue-800 dark:text-purple-800;
}
}
@@ -30,11 +30,11 @@
}
h1 {
@apply border-b border-gray-400 text-4xl;
@apply border-b border-gray-400 text-4xl dark:border-gray;
}
h2 {
@apply border-b border-gray-400 text-3xl;
@apply border-b border-gray-400 text-3xl dark:border-gray;
}
h3 {
@@ -63,15 +63,19 @@
}
code {
@apply bg-gray-200 rounded-sm font-mono p-1 overflow-y-auto;
@apply bg-gray-200 rounded-sm font-mono p-1 overflow-y-auto dark:bg-gray-800;
}
pre > code {
@apply block p-4 text-sm whitespace-pre;
}
.hljs, .hljs-keyword {
@apply dark:text-white;
}
hr {
@apply border-t-2 border-gray-400 my-4;
@apply border-t-2 border-gray-400 my-4 dark:border-gray-800;
}
blockquote {
@@ -108,34 +112,3 @@
@apply mb-0;
}
}
body.dark .markdown {
a {
@apply text-purple-600;
&:hover {
@apply text-purple-800;
}
}
h1, h2 {
@apply border-gray-800;
}
h6 {
@apply text-base;
@apply text-gray-600;
}
code {
@apply bg-gray-800;
}
hr {
@apply border-gray-800;
}
.hljs, .hljs-keyword {
@apply text-white;
}
}