markdown-content.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .markdown-content {
  2. font-size: 1rem;
  3. color: mc('blue-grey', '900');
  4. // --------------------------------------------
  5. // Headers
  6. // --------------------------------------------
  7. h1, h2, h3, h4, h5, h6 {
  8. color: mc('blue-grey', '800');
  9. }
  10. > * + h1, > * + h2, > * + h3, > * + h4 {
  11. margin-top: 1rem;
  12. }
  13. h1 {
  14. font-size: 1.5rem;
  15. border-bottom: 1px solid mc('blue-grey', '100');
  16. margin-bottom: 1rem;
  17. }
  18. h2 {
  19. font-size: 1.25rem;
  20. border-bottom: 1px dotted mc('blue-grey', '100');
  21. margin-bottom: .75rem;
  22. }
  23. h3 {
  24. font-size: 1.15rem;
  25. margin-bottom: .5rem;
  26. }
  27. h4 {
  28. font-size: 1.1rem;
  29. }
  30. h5 {
  31. font-size: 1.05rem;
  32. }
  33. h6 {
  34. font-size: 1.025rem;
  35. }
  36. // --------------------------------------------
  37. // Code Blocks
  38. // --------------------------------------------
  39. > pre {
  40. border: none;
  41. border-radius: 5px;
  42. box-shadow: initial;
  43. background-color: mc('blue-grey', '900');
  44. padding: 1rem 1rem 1rem 3rem;
  45. > code {
  46. box-shadow: initial;
  47. display: block;
  48. font-size: .85rem;
  49. &:after, &:before {
  50. content: initial;
  51. letter-spacing: initial;
  52. }
  53. }
  54. }
  55. }