_syntax.scss 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. @import "mixins";
  2. @import "variables";
  3. /**
  4. Styles for code block syntax highlighting. Extracted from the paraiso-dark theme and then modified.
  5. */
  6. pre.chroma {
  7. @include code-block;
  8. > code::before {
  9. content: attr(data-lang);
  10. @include code-block-lang;
  11. }
  12. }
  13. /* Error */ .chroma .err { color: #ef6155 }
  14. /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
  15. /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
  16. /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
  17. /* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
  18. /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
  19. /* Keyword */ .chroma .k { color: #815ba4 }
  20. /* KeywordConstant */ .chroma .kc { color: #815ba4 }
  21. /* KeywordDeclaration */ .chroma .kd { color: #815ba4 }
  22. /* KeywordNamespace */ .chroma .kn { color: #5bc4bf }
  23. /* KeywordPseudo */ .chroma .kp { color: #815ba4 }
  24. /* KeywordReserved */ .chroma .kr { color: #01b2c4
  25. }
  26. /* KeywordType */ .chroma .kt { color: #ccac3d
  27. }
  28. /* NameAttribute */ .chroma .na { color: #06b6ef }
  29. /* NameClass */ .chroma .nc { color: #fec418 }
  30. /* NameConstant */ .chroma .no { color: #ef6155 }
  31. /* NameDecorator */ .chroma .nd { color: #5bc4bf }
  32. /* NameException */ .chroma .ne { color: #ef6155 }
  33. /* NameFunction */ .chroma .nf { color: #06b6ef }
  34. /* NameNamespace */ .chroma .nn { color: #fec418 }
  35. /* NameOther */ .chroma .nx { color: #427a8f
  36. }
  37. /* NameTag */ .chroma .nt { color: #5bc4bf }
  38. /* NameVariable */ .chroma .nv { color: #ef6155 }
  39. /* Literal */ .chroma .l { color: #f99b15 }
  40. /* LiteralDate */ .chroma .ld { color: #48b685 }
  41. /* LiteralString */ .chroma .s { color: #48b685 }
  42. /* LiteralStringAffix */ .chroma .sa { color: #48b685 }
  43. /* LiteralStringBacktick */ .chroma .sb { color: #48b685 }
  44. /* LiteralStringDelimiter */ .chroma .dl { color: #48b685 }
  45. /* LiteralStringDoc */ .chroma .sd { color: #776e71 }
  46. /* LiteralStringDouble */ .chroma .s2 { color: #48b685 }
  47. /* LiteralStringEscape */ .chroma .se { color: #f99b15 }
  48. /* LiteralStringHeredoc */ .chroma .sh { color: #48b685 }
  49. /* LiteralStringInterpol */ .chroma .si { color: #f99b15 }
  50. /* LiteralStringOther */ .chroma .sx { color: #48b685 }
  51. /* LiteralStringRegex */ .chroma .sr { color: #48b685 }
  52. /* LiteralStringSingle */ .chroma .s1 { color: #48b685 }
  53. /* LiteralStringSymbol */ .chroma .ss { color: #48b685 }
  54. /* LiteralNumber */ .chroma .m { color: #f99b15 }
  55. /* LiteralNumberBin */ .chroma .mb { color: #f99b15 }
  56. /* LiteralNumberFloat */ .chroma .mf { color: #f99b15 }
  57. /* LiteralNumberHex */ .chroma .mh { color: #f99b15 }
  58. /* LiteralNumberInteger */ .chroma .mi { color: #f99b15 }
  59. /* LiteralNumberIntegerLong */ .chroma .il { color: #f99b15 }
  60. /* LiteralNumberOct */ .chroma .mo { color: #f99b15 }
  61. /* Operator */ .chroma .o { color: #1eb61c }
  62. /* OperatorWord */ .chroma .ow { color: #1eb61c }
  63. /* Comment */ .chroma .c { color: #776e71 }
  64. /* CommentHashbang */ .chroma .ch { color: #776e71 }
  65. /* CommentMultiline */ .chroma .cm { color: #776e71 }
  66. /* CommentSingle */ .chroma .c1 { color: #776e71 }
  67. /* CommentSpecial */ .chroma .cs { color: #776e71 }
  68. /* CommentPreproc */ .chroma .cp { color: #776e71 }
  69. /* CommentPreprocFile */ .chroma .cpf { color: #776e71 }
  70. /* GenericDeleted */ .chroma .gd { color: #ef6155 }
  71. /* GenericEmph */ .chroma .ge { font-style: italic }
  72. /* GenericHeading */ .chroma .gh { font-weight: bold }
  73. /* GenericInserted */ .chroma .gi { color: #48b685 }
  74. /* GenericPrompt */ .chroma .gp { color: #776e71; font-weight: bold }
  75. /* GenericStrong */ .chroma .gs { font-weight: bold }
  76. /* GenericSubheading */ .chroma .gu { color: #5bc4bf; font-weight: bold }