ant-design.css 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
  1. /*!
  2. * Vditor - A markdown editor written in TypeScript.
  3. *
  4. * MIT License
  5. *
  6. * Copyright (c) 2018-present B3log 开源, b3log.org
  7. *
  8. * Permission is hereby granted, free of charge, to any person obtaining a copy
  9. * of this software and associated documentation files (the "Software"), to deal
  10. * in the Software without restriction, including without limitation the rights
  11. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  12. * copies of the Software, and to permit persons to whom the Software is
  13. * furnished to do so, subject to the following conditions:
  14. *
  15. * The above copyright notice and this permission notice shall be included in all
  16. * copies or substantial portions of the Software.
  17. *
  18. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  19. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  20. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  21. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  22. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  23. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  24. * SOFTWARE.
  25. *
  26. */
  27. .vditor-reset {
  28. color: rgba(0, 0, 0, .85);
  29. font-size: 14px;
  30. line-height: 2;
  31. }
  32. .vditor-reset img {
  33. max-width: calc(100% - 32px);
  34. }
  35. .vditor-reset p > img {
  36. margin: 34px 0;
  37. box-shadow: 0 8px 20px rgba(143, 168, 191, 0.35);
  38. }
  39. .vditor-reset h1 {
  40. margin-bottom: 20px;
  41. color: rgba(0, 0, 0, .85);
  42. font-weight: 500;
  43. font-size: 30px;
  44. font-family: Avenir, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji, sans-serif;
  45. line-height: 38px
  46. }
  47. .vditor-reset h2 {
  48. font-size: 24px;
  49. line-height: 32px;
  50. }
  51. .vditor-reset h2,
  52. .vditor-reset h3,
  53. .vditor-reset h4,
  54. .vditor-reset h5,
  55. .vditor-reset h6 {
  56. clear: both;
  57. margin: 1.6em 0 .6em;
  58. color: rgba(0, 0, 0, .85);
  59. font-weight: 500;
  60. font-family: Avenir, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji, sans-serif
  61. }
  62. .vditor-reset h3 {
  63. font-size: 18px;
  64. }
  65. .vditor-reset h4 {
  66. font-size: 16px;
  67. }
  68. .vditor-reset h5 {
  69. font-size: 14px;
  70. }
  71. .vditor-reset h6 {
  72. font-size: 12px;
  73. }
  74. .vditor-reset hr {
  75. clear: both;
  76. height: 1px;
  77. margin: 56px 0;
  78. background: #f0f0f0;
  79. border: 0;
  80. }
  81. .vditor-reset p,
  82. .vditor-reset pre {
  83. margin: 1em 0;
  84. }
  85. .vditor-reset ul > li {
  86. margin-left: 20px;
  87. padding-left: 4px;
  88. list-style-type: circle;
  89. }
  90. .vditor-reset ol > li {
  91. margin-left: 20px;
  92. padding-left: 4px;
  93. list-style-type: decimal;
  94. }
  95. .vditor-reset ul > li > p,
  96. .vditor-reset ol > li > p {
  97. margin: 0.2em 0;
  98. }
  99. .vditor-reset code {
  100. margin: 0 1px;
  101. padding: .2em .4em;
  102. font-size: .9em;
  103. border-radius: 3px;
  104. border: 1px solid #f0f0f0;
  105. font-family: sfmono-regular, Consolas, liberation mono, Menlo, Courier, monospace;
  106. }
  107. .vditor-reset code:not(.hljs):not(.highlight-chroma) {
  108. background: #f2f4f5;
  109. color: rgba(0, 0, 0, .65);
  110. }
  111. .vditor-reset pre {
  112. font-family: sfmono-regular, Consolas, liberation mono, Menlo, Courier, monospace;
  113. border-radius: 2px;
  114. }
  115. .vditor-reset .language-abc svg,
  116. .vditor-reset .language-abc path {
  117. fill: currentColor;
  118. color: rgba(0, 0, 0, .85);
  119. }
  120. .vditor-reset .language-graphviz polygon {
  121. fill: transparent;
  122. }
  123. .vditor-reset strong,
  124. .vditor-reset b {
  125. font-weight: 500;
  126. }
  127. .vditor-reset > table {
  128. width: 100%;
  129. margin: 8px 0 16px;
  130. direction: ltr;
  131. empty-cells: show;
  132. border: 1px solid #f0f0f0;
  133. border-collapse: collapse;
  134. border-spacing: 0
  135. }
  136. .vditor-reset > table th {
  137. color: #5c6b77;
  138. font-weight: 500;
  139. white-space: nowrap;
  140. background: rgba(0, 0, 0, .02)
  141. }
  142. .vditor-reset > table th, .vditor-reset > table td {
  143. padding: 16px 24px;
  144. text-align: left;
  145. border: 1px solid #f0f0f0
  146. }
  147. .vditor-reset blockquote {
  148. margin: 1em 0;
  149. padding-left: .8em;
  150. color: rgba(0, 0, 0, .45);
  151. font-size: 90%;
  152. border-left: 4px solid #f0f0f0
  153. }
  154. .vditor-reset blockquote p {
  155. margin: 0;
  156. }
  157. .vditor-reset .vditor-anchor {
  158. margin-left: 8px;
  159. opacity: 0;
  160. transition: opacity 0.3s;
  161. }
  162. .vditor-reset h1:hover .vditor-anchor,
  163. .vditor-reset h2:hover .vditor-anchor,
  164. .vditor-reset h3:hover .vditor-anchor,
  165. .vditor-reset h4:hover .vditor-anchor,
  166. .vditor-reset h5:hover .vditor-anchor,
  167. .vditor-reset h6:hover .vditor-anchor {
  168. display: inline-block;
  169. opacity: 1;
  170. }
  171. .vditor-reset > br,
  172. .vditor-reset > p > br {
  173. clear: both;
  174. }
  175. .vditor-reset a, .vditor-ir__link {
  176. color: #1890ff;
  177. text-decoration: none;
  178. outline: none;
  179. cursor: pointer;
  180. }