_syntax-highlighting.scss 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. .rougeHighlight { background-color: $code-bg; color: #93a1a1 }
  2. .rougeHighlight .c { color: #586e75 } /* Comment */
  3. .rougeHighlight .err { color: #93a1a1 } /* Error */
  4. .rougeHighlight .g { color: #93a1a1 } /* Generic */
  5. .rougeHighlight .k { color: #859900 } /* Keyword */
  6. .rougeHighlight .l { color: #93a1a1 } /* Literal */
  7. .rougeHighlight .n { color: #93a1a1 } /* Name */
  8. .rougeHighlight .o { color: #859900 } /* Operator */
  9. .rougeHighlight .x { color: #cb4b16 } /* Other */
  10. .rougeHighlight .p { color: #93a1a1 } /* Punctuation */
  11. .rougeHighlight .cm { color: #586e75 } /* Comment.Multiline */
  12. .rougeHighlight .cp { color: #859900 } /* Comment.Preproc */
  13. .rougeHighlight .c1 { color: #72c02c; } /* Comment.Single */
  14. .rougeHighlight .cs { color: #859900 } /* Comment.Special */
  15. .rougeHighlight .gd { color: #2aa198 } /* Generic.Deleted */
  16. .rougeHighlight .ge { color: #93a1a1; font-style: italic } /* Generic.Emph */
  17. .rougeHighlight .gr { color: #dc322f } /* Generic.Error */
  18. .rougeHighlight .gh { color: #cb4b16 } /* Generic.Heading */
  19. .rougeHighlight .gi { color: #859900 } /* Generic.Inserted */
  20. .rougeHighlight .go { color: #93a1a1 } /* Generic.Output */
  21. .rougeHighlight .gp { color: #93a1a1 } /* Generic.Prompt */
  22. .rougeHighlight .gs { color: #93a1a1; font-weight: bold } /* Generic.Strong */
  23. .rougeHighlight .gu { color: #cb4b16 } /* Generic.Subheading */
  24. .rougeHighlight .gt { color: #93a1a1 } /* Generic.Traceback */
  25. .rougeHighlight .kc { color: #cb4b16 } /* Keyword.Constant */
  26. .rougeHighlight .kd { color: #268bd2 } /* Keyword.Declaration */
  27. .rougeHighlight .kn { color: #859900 } /* Keyword.Namespace */
  28. .rougeHighlight .kp { color: #859900 } /* Keyword.Pseudo */
  29. .rougeHighlight .kr { color: #268bd2 } /* Keyword.Reserved */
  30. .rougeHighlight .kt { color: #dc322f } /* Keyword.Type */
  31. .rougeHighlight .ld { color: #93a1a1 } /* Literal.Date */
  32. .rougeHighlight .m { color: #2aa198 } /* Literal.Number */
  33. .rougeHighlight .s { color: #2aa198 } /* Literal.String */
  34. .rougeHighlight .na { color: #93a1a1 } /* Name.Attribute */
  35. .rougeHighlight .nb { color: #B58900 } /* Name.Builtin */
  36. .rougeHighlight .nc { color: #268bd2 } /* Name.Class */
  37. .rougeHighlight .no { color: #cb4b16 } /* Name.Constant */
  38. .rougeHighlight .nd { color: #268bd2 } /* Name.Decorator */
  39. .rougeHighlight .ni { color: #cb4b16 } /* Name.Entity */
  40. .rougeHighlight .ne { color: #cb4b16 } /* Name.Exception */
  41. .rougeHighlight .nf { color: #268bd2 } /* Name.Function */
  42. .rougeHighlight .nl { color: #93a1a1 } /* Name.Label */
  43. .rougeHighlight .nn { color: #93a1a1 } /* Name.Namespace */
  44. .rougeHighlight .nx { color: #93a1a1 } /* Name.Other */
  45. .rougeHighlight .py { color: #93a1a1 } /* Name.Property */
  46. .rougeHighlight .nt { color: #268bd2 } /* Name.Tag */
  47. .rougeHighlight .nv { color: #268bd2 } /* Name.Variable */
  48. .rougeHighlight .ow { color: #859900 } /* Operator.Word */
  49. .rougeHighlight .w { color: #93a1a1 } /* Text.Whitespace */
  50. .rougeHighlight .mf { color: #2aa198 } /* Literal.Number.Float */
  51. .rougeHighlight .mh { color: #2aa198 } /* Literal.Number.Hex */
  52. .rougeHighlight .mi { color: #2aa198 } /* Literal.Number.Integer */
  53. .rougeHighlight .mo { color: #2aa198 } /* Literal.Number.Oct */
  54. .rougeHighlight .sb { color: #586e75 } /* Literal.String.Backtick */
  55. .rougeHighlight .sc { color: #2aa198 } /* Literal.String.Char */
  56. .rougeHighlight .sd { color: #93a1a1 } /* Literal.String.Doc */
  57. .rougeHighlight .s2 { color: #2aa198 } /* Literal.String.Double */
  58. .rougeHighlight .se { color: #cb4b16 } /* Literal.String.Escape */
  59. .rougeHighlight .sh { color: #93a1a1 } /* Literal.String.Heredoc */
  60. .rougeHighlight .si { color: #2aa198 } /* Literal.String.Interpol */
  61. .rougeHighlight .sx { color: #2aa198 } /* Literal.String.Other */
  62. .rougeHighlight .sr { color: #dc322f } /* Literal.String.Regex */
  63. .rougeHighlight .s1 { color: #2aa198 } /* Literal.String.Single */
  64. .rougeHighlight .ss { color: #2aa198 } /* Literal.String.Symbol */
  65. .rougeHighlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */
  66. .rougeHighlight .vc { color: #268bd2 } /* Name.Variable.Class */
  67. .rougeHighlight .vg { color: #268bd2 } /* Name.Variable.Global */
  68. .rougeHighlight .vi { color: #268bd2 } /* Name.Variable.Instance */
  69. .rougeHighlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */
  70. .highlighter-rouge {
  71. color: darken(#72c02c, 8%);
  72. font: 800 12px/1.5em Hack, monospace;
  73. max-width: 100%;
  74. .rougeHighlight {
  75. border-radius: 3px;
  76. margin: 20px 0;
  77. padding: 0px;
  78. overflow-x: scroll;
  79. -webkit-overflow-scrolling: touch;
  80. table {
  81. background: none;
  82. border: none;
  83. tbody {
  84. tr {
  85. background: none;
  86. display: flex;
  87. flex-flow: row nowrap;
  88. td {
  89. display: block;
  90. flex: 1 1;
  91. &.gutter {
  92. border-right: 1px solid lighten($code-bg, 10%);
  93. color: lighten($code-bg, 15%);
  94. margin-right: 10px;
  95. max-width: 40px;
  96. padding-right: 10px;
  97. pre {
  98. max-width: 20px;
  99. }
  100. }
  101. }
  102. }
  103. }
  104. }
  105. }
  106. }
  107. p > .highlighter-rouge,
  108. li > .highlighter-rouge,
  109. a > .highlighter-rouge {
  110. font-size: 16px;
  111. font-weight: 400;
  112. line-height: inherit;
  113. }
  114. a:hover {
  115. .highlighter-rouge {
  116. color: white;
  117. }
  118. }