Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 
 
 
 

161 rader
2.4 KiB

  1. @charset "UTF-8";
  2. //
  3. // Styles for rendered markdown in the .main-content container
  4. //
  5. // stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type
  6. .page-content {
  7. line-height: $content-line-height;
  8. a {
  9. overflow: hidden;
  10. text-overflow: ellipsis;
  11. white-space: nowrap;
  12. }
  13. ul,
  14. ol {
  15. padding-left: 1.5em;
  16. }
  17. ol {
  18. list-style-type: none;
  19. counter-reset: step-counter;
  20. > li {
  21. position: relative;
  22. &::before {
  23. position: absolute;
  24. top: 0.2em;
  25. left: -1.6em;
  26. color: $grey-dk-000;
  27. content: counter(step-counter);
  28. counter-increment: step-counter;
  29. @include fs-3;
  30. @include mq(sm) {
  31. top: 0.11em;
  32. }
  33. }
  34. ol {
  35. counter-reset: sub-counter;
  36. li {
  37. &::before {
  38. content: counter(sub-counter, lower-alpha);
  39. counter-increment: sub-counter;
  40. }
  41. }
  42. }
  43. }
  44. }
  45. ul {
  46. list-style: none;
  47. > li {
  48. &::before {
  49. position: absolute;
  50. margin-left: -1.4em;
  51. color: $grey-dk-000;
  52. content: "•";
  53. }
  54. }
  55. }
  56. .task-list {
  57. padding-left: 0;
  58. }
  59. .task-list-item {
  60. display: flex;
  61. align-items: center;
  62. &::before {
  63. content: "";
  64. }
  65. }
  66. .task-list-item-checkbox {
  67. margin-right: 0.6em;
  68. }
  69. hr + * {
  70. margin-top: 0;
  71. }
  72. h1:first-of-type {
  73. margin-top: 0.5em;
  74. }
  75. dl {
  76. display: grid;
  77. grid-template-columns: max-content 1fr;
  78. }
  79. dt,
  80. dd {
  81. margin: 0.25em 0;
  82. }
  83. dt {
  84. text-align: right;
  85. &::after {
  86. content: ":";
  87. }
  88. }
  89. dd {
  90. margin-left: 1em;
  91. font-weight: 500;
  92. }
  93. .anchor-heading {
  94. position: absolute;
  95. right: -$sp-4;
  96. width: $sp-5;
  97. height: 100%;
  98. padding-right: $sp-1;
  99. padding-left: $sp-1;
  100. overflow: visible;
  101. @include mq(md) {
  102. right: auto;
  103. left: -$sp-5;
  104. }
  105. svg {
  106. display: inline-block;
  107. width: 100%;
  108. height: 100%;
  109. fill: $link-color;
  110. visibility: hidden;
  111. }
  112. }
  113. .anchor-heading:hover,
  114. h1:hover > .anchor-heading,
  115. h2:hover > .anchor-heading,
  116. h3:hover > .anchor-heading,
  117. h4:hover > .anchor-heading,
  118. h5:hover > .anchor-heading,
  119. h6:hover > .anchor-heading {
  120. svg {
  121. visibility: visible;
  122. }
  123. }
  124. h1,
  125. h2,
  126. h3,
  127. h4,
  128. h5,
  129. h6 {
  130. position: relative;
  131. }
  132. }