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.

205 lines
4.2 KiB

4 years ago
  1. /* PrismJS 1.15.0
  2. https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+actionscript+apacheconf+applescript+c+csharp+bash+cpp+coffeescript+ruby+csp+css-extras+diff+django+docker+elixir+elm+markup-templating+erlang+fsharp+flow+git+go+graphql+less+handlebars+haskell+http+java+json+kotlin+latex+markdown+makefile+objectivec+ocaml+perl+php+php-extras+sql+processing+scss+python+jsx+typescript+reason+textile+rust+sass+stylus+scheme+pug+swift+yaml+haml+toml+twig+tsx+vim+visual-basic+wasm&plugins=line-numbers+toolbar+jsonp-highlight+command-line+copy-to-clipboard */
  3. /**
  4. * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
  5. * Based on https://github.com/chriskempson/tomorrow-theme
  6. * @author Rose Pritchard
  7. */
  8. :root {
  9. --code-margin: 40px;
  10. }
  11. code[class*="language-"],
  12. pre[class*="language-"] {
  13. background: none;
  14. font-family: inherit, monospace;
  15. text-align: left;
  16. white-space: pre;
  17. word-spacing: normal;
  18. word-break: normal;
  19. word-wrap: normal;
  20. line-height: 1.5;
  21. tab-size: 2;
  22. hyphens: none;
  23. }
  24. /* Code blocks */
  25. pre[class*="language-"] {
  26. margin: 0;
  27. padding: 0;
  28. overflow: auto;
  29. }
  30. :not(pre) > code[class*="language-"],
  31. pre[class*="language-"] {
  32. border-radius: 0;
  33. }
  34. /* Inline code */
  35. :not(pre) > code[class*="language-"] {
  36. padding: .1em;
  37. border-radius: 0;
  38. white-space: normal;
  39. }
  40. .token.important,
  41. .token.bold {
  42. font-weight: bold;
  43. }
  44. .token.italic {
  45. font-style: italic;
  46. }
  47. .token.entity {
  48. cursor: help;
  49. }
  50. pre[class*="language-"].line-numbers {
  51. position: relative;
  52. padding-left: 3.8em;
  53. counter-reset: linenumber;
  54. }
  55. pre[class*="language-"].line-numbers > code {
  56. position: relative;
  57. white-space: inherit;
  58. }
  59. .line-numbers .line-numbers-rows {
  60. position: absolute;
  61. pointer-events: none;
  62. top: 0;
  63. font-size: 100%;
  64. left: -3.8em;
  65. width: 3em; /* works for line-numbers below 1000 lines */
  66. letter-spacing: -1px;
  67. border-right: 1px solid color-mod(var(--accent) blend(#999 90%) a(20%));
  68. user-select: none;
  69. }
  70. .line-numbers-rows > span {
  71. pointer-events: none;
  72. display: block;
  73. counter-increment: linenumber;
  74. }
  75. .line-numbers-rows > span:before {
  76. content: counter(linenumber);
  77. color: color-mod(var(--accent) blend(#999 90%) a(40%));
  78. display: block;
  79. padding-right: 0.8em;
  80. text-align: right;
  81. }
  82. .code-toolbar {
  83. position: relative;
  84. margin: var(--code-margin) 0;
  85. padding: 20px;
  86. border: 1px solid rgba(255, 255, 255, .1);
  87. + .code-toolbar,
  88. + .highlight,
  89. + .highlight .code-toolbar {
  90. border-top: 0;
  91. margin-top: calc(-1 * var(--code-margin));
  92. }
  93. pre, code {
  94. border: none;
  95. }
  96. code {
  97. display: block;
  98. color: inherit;
  99. }
  100. }
  101. .highlight + .highlight .code-toolbar {
  102. border-top: 0;
  103. margin-top: calc(-1 * var(--code-margin));
  104. }
  105. div.code-toolbar > .toolbar {
  106. position: absolute;
  107. top: 10px;
  108. right: 10px;
  109. transition: opacity 0.3s ease-in-out;
  110. opacity: 0;
  111. }
  112. div.code-toolbar:hover > .toolbar {
  113. opacity: 1;
  114. }
  115. div.code-toolbar > .toolbar .toolbar-item {
  116. display: inline-block;
  117. }
  118. div.code-toolbar > .toolbar a {
  119. cursor: pointer;
  120. }
  121. div.code-toolbar > .toolbar button {
  122. background: none;
  123. border: 0;
  124. color: inherit;
  125. font: inherit;
  126. line-height: normal;
  127. overflow: visible;
  128. padding: 0;
  129. user-select: none;
  130. }
  131. div.code-toolbar > .toolbar a,
  132. div.code-toolbar > .toolbar button,
  133. div.code-toolbar > .toolbar span {
  134. color: #bbb;
  135. font-size: .8em;
  136. padding: 10px;
  137. background: #f5f2f0;
  138. background: rgba(224, 224, 224, 0.2);
  139. box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
  140. border-radius: 0;
  141. }
  142. div.code-toolbar > .toolbar a:hover,
  143. div.code-toolbar > .toolbar a:focus,
  144. div.code-toolbar > .toolbar button:hover,
  145. div.code-toolbar > .toolbar button:focus,
  146. div.code-toolbar > .toolbar span:hover,
  147. div.code-toolbar > .toolbar span:focus {
  148. text-decoration: none;
  149. }
  150. .command-line-prompt {
  151. border-right: 1px solid #999;
  152. display: block;
  153. float: left;
  154. font-size: 100%;
  155. letter-spacing: -1px;
  156. margin-right: 1em;
  157. pointer-events: none;
  158. user-select: none;
  159. }
  160. .command-line-prompt > span:before {
  161. content: ' ';
  162. display: block;
  163. padding-right: 0.8em;
  164. }
  165. .command-line-prompt > span[data-user]:before {
  166. content: "[" attr(data-user) "@" attr(data-host) "] $";
  167. }
  168. .command-line-prompt > span[data-user="root"]:before {
  169. content: "[" attr(data-user) "@" attr(data-host) "] #";
  170. }
  171. .command-line-prompt > span[data-prompt]:before {
  172. content: attr(data-prompt);
  173. }