reset.scss 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271
  1. /*
  2. Reset style sheet
  3. */
  4. html,
  5. body,
  6. div,
  7. span,
  8. applet,
  9. object,
  10. iframe,
  11. p,
  12. blockquote,
  13. pre,
  14. a,
  15. abbr,
  16. acronym,
  17. address,
  18. big,
  19. cite,
  20. code,
  21. del,
  22. dfn,
  23. img,
  24. ins,
  25. kbd,
  26. q,
  27. s,
  28. samp,
  29. small,
  30. strike,
  31. strong,
  32. sub,
  33. sup,
  34. tt,
  35. var,
  36. b,
  37. u,
  38. i,
  39. center,
  40. dl,
  41. dt,
  42. dd,
  43. ol,
  44. ul,
  45. li,
  46. fieldset,
  47. form,
  48. label,
  49. legend,
  50. table,
  51. caption,
  52. tbody,
  53. tfoot,
  54. thead,
  55. tr,
  56. th,
  57. td,
  58. article,
  59. aside,
  60. canvas,
  61. details,
  62. embed,
  63. figure,
  64. figcaption,
  65. footer,
  66. header,
  67. hgroup,
  68. menu,
  69. nav,
  70. output,
  71. ruby,
  72. section,
  73. summary,
  74. time,
  75. mark,
  76. audio,
  77. video {
  78. padding: 0;
  79. margin: 0;
  80. font: inherit;
  81. border: 0;
  82. }
  83. /* HTML5 display-role reset for older browsers */
  84. article,
  85. aside,
  86. details,
  87. figcaption,
  88. figure,
  89. footer,
  90. header,
  91. hgroup,
  92. menu,
  93. nav,
  94. section {
  95. display: block;
  96. }
  97. body {
  98. padding: 0;
  99. margin: 0;
  100. }
  101. ol,
  102. ul {
  103. list-style: none;
  104. }
  105. blockquote,
  106. q {
  107. quotes: none;
  108. }
  109. blockquote::before,
  110. blockquote::after,
  111. q::before,
  112. q::after {
  113. content: '';
  114. content: none;
  115. }
  116. table {
  117. border-collapse: collapse;
  118. border-spacing: 0;
  119. }
  120. html,
  121. body,
  122. #app {
  123. width: 100%;
  124. height: 100%;
  125. }
  126. * {
  127. box-sizing: border-box;
  128. }
  129. div {
  130. p {
  131. margin: 0;
  132. }
  133. }
  134. div.markdown-body {
  135. background: transparent;
  136. table {
  137. th,
  138. td {
  139. white-space: nowrap;
  140. }
  141. }
  142. }
  143. .query-style {
  144. .markdown-body {
  145. p {
  146. color: #b5b9bf;
  147. }
  148. }
  149. }
  150. .markdown-body {
  151. display: inline-block;
  152. width: 100%;
  153. color: #333;
  154. }
  155. div.markdown-body h1,
  156. div.markdown-body h2,
  157. div.markdown-body h3,
  158. div.markdown-body h4,
  159. div.markdown-body h5,
  160. div.markdown-body h6 {
  161. margin: 1em 0 0.5em;
  162. font-size: 14px;
  163. font-weight: bold;
  164. }
  165. div.markdown-body h1 {
  166. font-size: 16px;
  167. }
  168. .markdown-body p {
  169. margin: 1em 0;
  170. }
  171. .markdown-body ul,
  172. .markdown-body ol {
  173. margin-left: 1.5em;
  174. padding-left: 1em;
  175. }
  176. div.markdown-body {
  177. li,
  178. th,
  179. p,
  180. td,
  181. span {
  182. font-size: 14px;
  183. }
  184. }
  185. div.markdown-body ul {
  186. list-style-type: disc;
  187. margin-left: 8px;
  188. padding-left: 16px;
  189. }
  190. .markdown-body ol {
  191. list-style-type: decimal;
  192. margin-left: 8px;
  193. padding-left: 16px;
  194. }
  195. .markdown-body li {
  196. margin: 0.5em 0;
  197. & > ul {
  198. margin-left: 0;
  199. }
  200. &:last-child {
  201. margin-bottom: 0;
  202. }
  203. }
  204. .markdown-body blockquote {
  205. padding-left: 1em;
  206. border-left: 4px solid #ddd;
  207. color: #555;
  208. margin: 1em 0;
  209. }
  210. div.markdown-body a {
  211. color: var(--color-theme);
  212. text-decoration: none;
  213. & + a {
  214. margin-left: 6px;
  215. }
  216. }
  217. .markdown-body {
  218. table {
  219. td,
  220. th {
  221. text-align: left;
  222. }
  223. }
  224. }
  225. .markdown-body code {
  226. background: #f5f5f5;
  227. padding: 0.2em 0.4em;
  228. border-radius: 4px;
  229. font-family: monospace;
  230. font-size: 0.9em;
  231. }
  232. .markdown-body pre code {
  233. display: block;
  234. padding: 1em;
  235. background: #f6f8fa;
  236. overflow-x: auto;
  237. }
  238. .markdown-test b,
  239. .markdown-test strong,
  240. .markdown-test p,
  241. .markdown-test code,
  242. .markdown-test blockquote,
  243. .markdown-test ul,
  244. .markdown-test ol,
  245. .markdown-test li,
  246. .markdown-test h1,
  247. .markdown-test h2,
  248. .markdown-test h3,
  249. .markdown-test h4,
  250. .markdown-test h5,
  251. .markdown-test h6 {
  252. color: #fff;
  253. }