app/assets/stylesheets/highlight/hljs.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125

.code.highlight {
  .hljs-comment {
    color: var(--color-hljs-comment);
  }

  .hljs-link {
    color: var(--color-hljs-link);
  }

  .hljs-meta {
    color: var(--color-hljs-meta);
  }

  .hljs-keyword {
    color: var(--color-hljs-keyword);
  }

  .hljs-type {
    color: var(--color-hljs-type);
  }

  .hljs-attr,
  .hljs-property {
    color: var(--color-hljs-attr);
  }

  .hljs-built_in {
    color: var(--color-hljs-builtin);
  }

  .hljs-literal {
    color: var(--color-hljs-literal);
  }

  .hljs-title {
    color: var(--color-hljs-title);

    &.class_ {
      color: var(--color-hljs-class);
    }

    &.function_ {
      color: var(--color-hljs-function);
    }
  }

  .hljs-tag ,
  .hljs-name {
    color: var(--color-hljs-tag);
  }

  .hljs-number {
    color: var(--color-hljs-number);
  }

  .hljs-subst {
    color: var(--color-hljs-subst);
  }

  .hljs-string,
  .hljs-section,
  .hljs-bullet {
    color: var(--color-hljs-string);
  }

  .hljs-symbol {
    color: var(--color-hljs-symbol);
  }

  .hljs-variable {
    color: var(--color-hljs-variable);

    &.language_ {
      color: var(--color-hljs-language);
    }

    &.constant_ {
      color: var(--color-hljs-constant);
    }
  }

  .hljs-attribute {
    color: var(--color-hljs-attribute);
  }

  .hljs-operator {
    color: var(--color-hljs-operator);
  }

  .hljs-punctuation {
    color: var(--color-hljs-punctuation);
  }

  .hljs-regexp {
    color: var(--color-hljs-regexp);
  }

  .hljs-params {
    color: var(--color-hljs-params);
  }

  .hljs-doctag {
    color: var(--color-hljs-doctag);
  }

  .hljs-selector-tag {
    color: var(--color-hljs-selector-tag);
  }

  .hljs-selector-class {
    color: var(--color-hljs-selector-class);
  }

  .hljs-selector-id {
    color: var(--color-hljs-selector-id);
  }

  .hljs-selector-attr {
    color: var(--color-hljs-selector-attr);
  }

  .hljs-selector-pseudo {
    color: var(--color-hljs-selector-pseudo);
  }
}