Home Explore Help
Sign In
cturan
/
vendure
mirror of https://github.com/vendure-ecommerce/vendure
1
0
Fork 0
Files Issues 0 Wiki
Tree: cde48cbe85
Branches Tags
vendure
/
docs
/
assets
/
styles
/
_syntax.scss

_syntax.scss 4.0 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 
  1. @import "variables";
    2. 

  2. 

  3. /**
    4. 

  4.  Styles for code block syntax highlighting. Extracted from the paraiso-dark theme and then modified.
    5. 

  5.  */
    6. 

  6. 

  7. pre.chroma {
    8. 

  8.     padding: 12px;
    9. 

  9.     font-size: 14px;
    10. 

  10.     border-radius: 3px;
    11. 

  11.     overflow-x: auto;
    12. 

  12.     border: 1px solid $color-code-border;
    13. 

  13.     position: relative;
    14. 

  14. 

  15.     > code::before {
    16. 

  16.         content: attr(data-lang);
    17. 

  17.         position: absolute;
    18. 

  18.         right: 3px;
    19. 

  19.         top: 0;
    20. 

  20.         font-size: 12px;
    21. 

  21.         color: $gray-400;
    22. 

  22.         text-transform: uppercase;
    23. 

  23.     }
    24. 

  24. }
    25. 

  25. 

  26. /* Background */ .chroma { color: $color-code-text; background-color: $color-code-bg;
    27. 

  27.                  }
    28. 

  28. /* Error */ .chroma .err { color: #ef6155 }
    29. 

  29. /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
    30. 

  30. /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
    31. 

  31. /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
    32. 

  32. /* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
    33. 

  33. /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
    34. 

  34. /* Keyword */ .chroma .k { color: #815ba4 }
    35. 

  35. /* KeywordConstant */ .chroma .kc { color: #815ba4 }
    36. 

  36. /* KeywordDeclaration */ .chroma .kd { color: #815ba4 }
    37. 

  37. /* KeywordNamespace */ .chroma .kn { color: #5bc4bf }
    38. 

  38. /* KeywordPseudo */ .chroma .kp { color: #815ba4 }
    39. 

  39. /* KeywordReserved */ .chroma .kr { color: #01b2c4
    40. 

  40.                       }
    41. 

  41. /* KeywordType */ .chroma .kt { color: #ccac3d
    42. 

  42.                   }
    43. 

  43. /* NameAttribute */ .chroma .na { color: #06b6ef }
    44. 

  44. /* NameClass */ .chroma .nc { color: #fec418 }
    45. 

  45. /* NameConstant */ .chroma .no { color: #ef6155 }
    46. 

  46. /* NameDecorator */ .chroma .nd { color: #5bc4bf }
    47. 

  47. /* NameException */ .chroma .ne { color: #ef6155 }
    48. 

  48. /* NameFunction */ .chroma .nf { color: #06b6ef }
    49. 

  49. /* NameNamespace */ .chroma .nn { color: #fec418 }
    50. 

  50. /* NameOther */ .chroma .nx { color: #427a8f
    51. 

  51.                 }
    52. 

  52. /* NameTag */ .chroma .nt { color: #5bc4bf }
    53. 

  53. /* NameVariable */ .chroma .nv { color: #ef6155 }
    54. 

  54. /* Literal */ .chroma .l { color: #f99b15 }
    55. 

  55. /* LiteralDate */ .chroma .ld { color: #48b685 }
    56. 

  56. /* LiteralString */ .chroma .s { color: #48b685 }
    57. 

  57. /* LiteralStringAffix */ .chroma .sa { color: #48b685 }
    58. 

  58. /* LiteralStringBacktick */ .chroma .sb { color: #48b685 }
    59. 

  59. /* LiteralStringDelimiter */ .chroma .dl { color: #48b685 }
    60. 

  60. /* LiteralStringDoc */ .chroma .sd { color: #776e71 }
    61. 

  61. /* LiteralStringDouble */ .chroma .s2 { color: #48b685 }
    62. 

  62. /* LiteralStringEscape */ .chroma .se { color: #f99b15 }
    63. 

  63. /* LiteralStringHeredoc */ .chroma .sh { color: #48b685 }
    64. 

  64. /* LiteralStringInterpol */ .chroma .si { color: #f99b15 }
    65. 

  65. /* LiteralStringOther */ .chroma .sx { color: #48b685 }
    66. 

  66. /* LiteralStringRegex */ .chroma .sr { color: #48b685 }
    67. 

  67. /* LiteralStringSingle */ .chroma .s1 { color: #48b685 }
    68. 

  68. /* LiteralStringSymbol */ .chroma .ss { color: #48b685 }
    69. 

  69. /* LiteralNumber */ .chroma .m { color: #f99b15 }
    70. 

  70. /* LiteralNumberBin */ .chroma .mb { color: #f99b15 }
    71. 

  71. /* LiteralNumberFloat */ .chroma .mf { color: #f99b15 }
    72. 

  72. /* LiteralNumberHex */ .chroma .mh { color: #f99b15 }
    73. 

  73. /* LiteralNumberInteger */ .chroma .mi { color: #f99b15 }
    74. 

  74. /* LiteralNumberIntegerLong */ .chroma .il { color: #f99b15 }
    75. 

  75. /* LiteralNumberOct */ .chroma .mo { color: #f99b15 }
    76. 

  76. /* Operator */ .chroma .o { color: #1eb61c }
    77. 

  77. /* OperatorWord */ .chroma .ow { color: #1eb61c }
    78. 

  78. /* Comment */ .chroma .c { color: #776e71 }
    79. 

  79. /* CommentHashbang */ .chroma .ch { color: #776e71 }
    80. 

  80. /* CommentMultiline */ .chroma .cm { color: #776e71 }
    81. 

  81. /* CommentSingle */ .chroma .c1 { color: #776e71 }
    82. 

  82. /* CommentSpecial */ .chroma .cs { color: #776e71 }
    83. 

  83. /* CommentPreproc */ .chroma .cp { color: #776e71 }
    84. 

  84. /* CommentPreprocFile */ .chroma .cpf { color: #776e71 }
    85. 

  85. /* GenericDeleted */ .chroma .gd { color: #ef6155 }
    86. 

  86. /* GenericEmph */ .chroma .ge { font-style: italic }
    87. 

  87. /* GenericHeading */ .chroma .gh { font-weight: bold }
    88. 

  88. /* GenericInserted */ .chroma .gi { color: #48b685 }
    89. 

  89. /* GenericPrompt */ .chroma .gp { color: #776e71; font-weight: bold }
    90. 

  90. /* GenericStrong */ .chroma .gs { font-weight: bold }
    91. 

  91. /* GenericSubheading */ .chroma .gu { color: #5bc4bf; font-weight: bold }
    92.