You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

121 lines
2.2 KiB

  1. /* THEME SPECIFIC STYLES */
  2. .contents {
  3. color: mc('grey', '800');
  4. h1, h2, h3, h4, h5, h6 {
  5. position: relative;
  6. &:hover {
  7. .toc-anchor {
  8. display: block;
  9. }
  10. }
  11. .toc-anchor {
  12. display: none;
  13. position: absolute;
  14. right: 1rem;
  15. bottom: .5rem;
  16. font-size: 1.25rem;
  17. text-decoration: none;
  18. color: mc('grey', '500');
  19. }
  20. }
  21. h1 {
  22. padding-left: 24px;
  23. color: mc('blue', '800');
  24. margin-top: 1rem;
  25. position: relative;
  26. &::after {
  27. content: '';
  28. position: absolute;
  29. bottom: 0;
  30. left: 0;
  31. width: 100%;
  32. height: 2px;
  33. background: linear-gradient(to right, mc('theme', 'primary'), rgba(mc('theme', 'primary'), 0));
  34. }
  35. & + h2, & + h3 {
  36. margin-top: 8px;
  37. }
  38. }
  39. h2 {
  40. margin-left: 24px;
  41. padding: 8px 0 0 0;
  42. color: mc('grey', '800');
  43. position: relative;
  44. &::after {
  45. content: '';
  46. position: absolute;
  47. bottom: 0;
  48. left: 0;
  49. width: 100%;
  50. height: 1px;
  51. background: linear-gradient(to right, mc('grey', '700'), rgba(mc('grey', '700'), 0));
  52. }
  53. & + h3 {
  54. margin-top: 8px;
  55. }
  56. }
  57. h3 {
  58. margin-left: 24px;
  59. padding: 8px 0 0 0;
  60. color: mc('grey', '700');
  61. position: relative;
  62. &::after {
  63. content: '';
  64. position: absolute;
  65. bottom: 0;
  66. left: 0;
  67. width: 100%;
  68. height: 1px;
  69. background: linear-gradient(to right, mc('grey', '500'), rgba(mc('grey', '500'), 0));
  70. }
  71. }
  72. p {
  73. padding: 1rem 24px 0 24px;
  74. margin: 0;
  75. text-align: justify;
  76. }
  77. code {
  78. background-color: transparent;
  79. font-family: 'Source Code Pro', monospace;
  80. font-weight: normal;
  81. font-size: 1rem;
  82. &::before, &::after {
  83. display: none;
  84. }
  85. }
  86. .prismjs{
  87. border: none;
  88. border-radius: 5px;
  89. box-shadow: initial;
  90. background-color: mc('grey', '900');
  91. padding: 1rem 1rem 1rem 3rem;
  92. margin: 1rem 24px;
  93. > code {
  94. box-shadow: initial;
  95. display: block;
  96. font-size: .85rem;
  97. font-family: 'Source Code Pro', monospace;
  98. &:after, &:before {
  99. content: initial;
  100. letter-spacing: initial;
  101. }
  102. }
  103. }
  104. }