blog/_sass/yat/_syntax-highlighting.scss
2019-09-11 12:21:17 +08:00

105 lines
3.6 KiB
SCSS

/**
* 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;
}
}
}
}