markdown-dark.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. :global .md-dark {
  2. body, &.md-body {
  3. @apply mx-auto text-white text-base leading-none;
  4. }
  5. h1, h2, h3, h4 {
  6. @apply font-normal;
  7. }
  8. p, ul, ol {
  9. @apply mb-2;
  10. }
  11. h1 {
  12. @apply text-4xl mt-12 mb-8;
  13. }
  14. h2 {
  15. @apply text-3xl mt-6 mb-6;
  16. }
  17. h3 {
  18. @apply text-2xl mt-6 mb-6;
  19. }
  20. h4 {
  21. @apply text-xl mt-6 mb-6;
  22. }
  23. h5 {
  24. @apply text-lg mt-6 mb-6;
  25. }
  26. a {
  27. @apply text-blue-400;
  28. &:hover {
  29. @apply text-blue-600 cursor-pointer;
  30. }
  31. }
  32. ul {
  33. @apply list-disc;
  34. }
  35. ol {
  36. @apply list-decimal;
  37. }
  38. li {
  39. @apply leading-normal;
  40. }
  41. ul, ol {
  42. @apply pl-12;
  43. }
  44. p, ul, ol {
  45. @apply leading-normal;
  46. }
  47. code {
  48. @apply font-mono leading-normal text-sm bg-gray-800 rounded-sm p-1 text-blue-200;
  49. }
  50. pre {
  51. @apply rounded-sm border border-gray-400 bg-gray-900 p-4 whitespace-pre-wrap mb-4;
  52. code {
  53. @apply text-white rounded-none p-0;
  54. background-color: inherit;
  55. }
  56. }
  57. blockquote {
  58. @apply border-l-4 border-gray-300 pl-5 max-w-5xl;
  59. }
  60. blockquote p {
  61. @apply text-gray-300;
  62. }
  63. hr {
  64. @apply m-0 mr-auto text-gray-100 w-full text-left;
  65. }
  66. }