summaryrefslogtreecommitdiff
path: root/_sass/yat/_syntax-highlighting.scss
blob: 8e1224d4952f10826b9b485eefb351ca34b7f217 (plain)
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
/**
 * Syntax highlighting styles
 */

.highlight {
  color: #c7c7c7;
  @extend %vertical-rhythm;

  .c     { color: #998; font-style: italic } // Comment
  .err   { color: #a61717; background-color: #e3d2d2 } // Error
  .k     { font-weight: bold } // Keyword
  .o     { font-weight: bold } // Operator
  .cm    { color: #998; font-style: italic } // Comment.Multiline
  .cp    { color: #999; font-weight: bold } // Comment.Preproc
  .c1    { color: #998; font-style: italic } // Comment.Single
  .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
  .gd    { color: #000; background-color: #fdd } // Generic.Deleted
  .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
  .ge    { font-style: italic } // Generic.Emph
  .gr    { color: #a00 } // Generic.Error
  .gh    { color: #999 } // Generic.Heading
  .gi    { color: #000; background-color: #dfd } // Generic.Inserted
  .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
  .go    { color: #888 } // Generic.Output
  .gp    { color: #555 } // Generic.Prompt
  .gs    { font-weight: bold } // Generic.Strong
  .gu    { color: #aaa } // Generic.Subheading
  .gt    { color: #a00 } // Generic.Traceback
  .kc    { font-weight: bold } // Keyword.Constant
  .kd    { color: #0fdcdc; font-weight: bold } // Keyword.Declaration
  .kp    { font-weight: bold } // Keyword.Pseudo
  .kr    { font-weight: bold } // Keyword.Reserved
  .kt    { color: #a7a7a7; font-weight: bold } // Keyword.Type
  .m     { color: #099 } // Literal.Number
  .s     { color: #d0c55c } // Literal.String
  .na    { color: #a6e22e } // Name.Attribute
  .nb    { color: #6cc117 } // Name.Builtin
  .nc    { color: #4682b4; font-weight: bold } // Name.Class
  .no    { color: #a6e22e } // Name.Constant
  .ni    { color: #800080 } // Name.Entity
  .ne    { color: #e04b9b; font-weight: bold } // Name.Exception
  .nf    { color: #e04b9b; font-weight: bold } // Name.Function
  .nn    { color: #a6e22e } // Name.Namespace
  .nt    { color: #4ec2e4 } // Name.Tag
  .nv    { color: #a6e22e } // Name.Variable
  .ow    { font-weight: bold } // Operator.Word
  .w     { color: #bbb } // Text.Whitespace
  .mf    { color: #099 } // Literal.Number.Float
  .mh    { color: #099 } // Literal.Number.Hex
  .mi    { color: #099 } // Literal.Number.Integer
  .mo    { color: #099 } // Literal.Number.Oct
  .sb    { color: #d0c55c } // Literal.String.Backtick
  .sc    { color: #d0c55c } // Literal.String.Char
  .sd    { color: #d0c55c } // Literal.String.Doc
  .s2    { color: #d0c55c } // Literal.String.Double
  .se    { color: #d0c55c } // Literal.String.Escape
  .sh    { color: #d0c55c } // Literal.String.Heredoc
  .si    { color: #d0c55c } // Literal.String.Interpol
  .sx    { color: #d0c55c } // Literal.String.Other
  .sr    { color: #009926 } // Literal.String.Regex
  .s1    { color: #d0c55c } // Literal.String.Single
  .ss    { color: #990073 } // Literal.String.Symbol
  .bp    { color: #999 } // Name.Builtin.Pseudo
  .vc    { color: #a6e22e } // Name.Variable.Class
  .vg    { color: #a6e22e } // Name.Variable.Global
  .vi    { color: #a6e22e } // Name.Variable.Instance
  .il    { color: #099 } // Literal.Number.Integer.Long
}

code .rouge-table {
  @extend .highlight;
}

code.highlighter-rouge {
  color: white;
  background: #676767;
  border: none;
  padding: 2px 4px;
}

figure.highlight pre {
  border-radius: 3px;

  code table.rouge-table {
    margin: 0;

    td {
      border: 1px solid #efefef86;
    }

    pre {
      margin: 0;
      padding: 0;
    }

    .gutter.gl {
      padding: 0;

      .lineno {
        padding: 2px;
        text-align: center;
      }
    }
  }
}