123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- :global .md-dark {
- body, &.md-body {
- @apply mx-auto text-white text-base leading-none;
- }
- h1, h2, h3, h4 {
- @apply font-normal;
- }
- p, ul, ol {
- @apply mb-2;
- }
- h1 {
- @apply text-4xl mt-12 mb-8;
- }
- h2 {
- @apply text-3xl mt-6 mb-6;
- }
- h3 {
- @apply text-2xl mt-6 mb-6;
- }
- h4 {
- @apply text-xl mt-6 mb-6;
- }
- h5 {
- @apply text-lg mt-6 mb-6;
- }
- a {
- @apply text-blue-400;
-
- &:hover {
- @apply text-blue-600 cursor-pointer;
- }
- }
- ul {
- @apply list-disc;
- }
- ol {
- @apply list-decimal;
- }
- li {
- @apply leading-normal;
- }
- ul, ol {
- @apply pl-12;
- }
- p, ul, ol {
- @apply leading-normal;
- }
- code {
- @apply font-mono leading-normal text-sm bg-gray-800 rounded-sm p-1 text-blue-200;
- }
- pre {
- @apply rounded-sm border border-gray-400 bg-gray-900 p-4 whitespace-pre-wrap mb-4;
- code {
- @apply text-white rounded-none p-0;
- background-color: inherit;
- }
- }
- blockquote {
- @apply border-l-4 border-gray-300 pl-5 max-w-5xl;
- }
-
- blockquote p {
- @apply text-gray-300;
- }
- hr {
- @apply m-0 mr-auto text-gray-100 w-full text-left;
- }
- }
|