163 lines
5.5 KiB
SCSS
163 lines
5.5 KiB
SCSS
---
|
|
---
|
|
|
|
@mixin rounded($radius:4px) {
|
|
-webkit-border-radius: $radius;
|
|
-moz-border-radius: $radius;
|
|
border-radius: $radius;
|
|
}
|
|
$foreground: #A9B7C6;
|
|
$background: #2B2B2B;
|
|
$selectionForeground: #A9B7C6;
|
|
$selectionBackground: #214283;
|
|
$operators: #A9B7C6;
|
|
$strings: #A5C25C;
|
|
$names: #88be05;
|
|
$keywords: #CB772F;
|
|
$varAndProp: #A9B7C6;
|
|
$numbers: #6897BB;
|
|
$tag: #f1c829;
|
|
$attributes: #9876AA;
|
|
$comments: #75715e;
|
|
$linenos: #A9B7C6;
|
|
.highlight, .highlighter-rouge {
|
|
font-size: 12px;
|
|
margin-bottom: 1.5em;
|
|
color: $foreground;
|
|
background-color: $background;
|
|
@include rounded(4px);
|
|
pre {
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 1em;
|
|
overflow-x: auto;
|
|
word-wrap: normal;
|
|
border: none;
|
|
white-space: pre;
|
|
background-color: #333;
|
|
color: inherit !important;
|
|
code {
|
|
white-space: pre;
|
|
color: #ddd;
|
|
}
|
|
}
|
|
pre::-webkit-scrollbar {
|
|
height: 10px;
|
|
background-color: #34362e;
|
|
border-radius: 0 0 4px 4px;
|
|
}
|
|
pre::-webkit-scrollbar-thumb {
|
|
background-color: #555;
|
|
@include rounded(4px);
|
|
}
|
|
::selection {
|
|
background-color: $selectionBackground;
|
|
color: $selectionForeground;
|
|
}
|
|
}
|
|
.highlight > pre, .highlighter-rouge > pre {
|
|
-webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
-moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
}
|
|
.highlight, .highlighter-rouge,
|
|
p > img,
|
|
p > nobr > code,
|
|
li > code,
|
|
h5 > code,
|
|
p > pre,
|
|
p > code,
|
|
.note > code {
|
|
color: tomato;
|
|
background-color: #333;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
-moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
p > code,
|
|
td > code {
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
|
|
/* line numbers */
|
|
.lineno{ border-right: dashed 1px $linenos !important; color: $linenos; padding-right: 5px; padding-left: 0 !important;}
|
|
|
|
.hll { background-color: #49483e }
|
|
.c { color: $comments } /* Comment */
|
|
.err { color: #960050; background-color: #1e0010 } /* Error */
|
|
.k { color: $keywords } /* Keyword */
|
|
.l { color: $numbers} /* Literal */
|
|
.n { color: $varAndProp } /* Name */
|
|
.o { color: $operators } /* Operator */
|
|
.p { color: $varAndProp } /* Punctuation */
|
|
.cm { color: #75715e } /* Comment.Multiline */
|
|
.cp { color: #75715e } /* Comment.Preproc */
|
|
.c1 { color: #75715e } /* Comment.Single */
|
|
.cs { color: #75715e } /* Comment.Special */
|
|
.ge { font-style: italic } /* Generic.Emph */
|
|
.gs { font-weight: bold } /* Generic.Strong */
|
|
.kc { color: $keywords } /* Keyword.Constant */
|
|
.kd { color: $keywords } /* Keyword.Declaration */
|
|
.kn { color: $operators } /* Keyword.Namespace */
|
|
.kp { color: $keywords } /* Keyword.Pseudo */
|
|
.kr { color: $keywords } /* Keyword.Reserved */
|
|
.kt { color: $keywords } /* Keyword.Type */
|
|
.ld { color: $strings } /* Literal.Date */
|
|
.m { color: $numbers} /* Literal.Number */
|
|
.s { color: $strings } /* Literal.String */
|
|
.na { color: $attributes } /* Name.Attribute */
|
|
.nb { color: $varAndProp } /* Name.Builtin */
|
|
.nc { color: $names } /* Name.Class */
|
|
.no { color: $keywords } /* Name.Constant */
|
|
.nd { color: #f1c829 } /* Name.Decorator */
|
|
.ni { color: $varAndProp } /* Name.Entity */
|
|
.ne { color: $names } /* Name.Exception */
|
|
.nf { color: $names } /* Name.Function */
|
|
.nl { color: $varAndProp } /* Name.Label */
|
|
.nn { color: $varAndProp } /* Name.Namespace */
|
|
.nx { color: $names } /* Name.Other */
|
|
.py { color: $varAndProp } /* Name.Property */
|
|
.nt { color: $tag } /* Name.Tag */
|
|
.nv { color: $varAndProp } /* Name.Variable */
|
|
.ow { color: $operators } /* Operator.Word */
|
|
.w { color: $varAndProp } /* Text.Whitespace */
|
|
.mf { color: $numbers } /* Literal.Number.Float */
|
|
.mh { color: $numbers } /* Literal.Number.Hex */
|
|
.mi { color: $numbers } /* Literal.Number.Integer */
|
|
.mo { color: $numbers } /* Literal.Number.Oct */
|
|
.sb { color: $strings } /* Literal.String.Backtick */
|
|
.sc { color: $strings } /* Literal.String.Char */
|
|
.sd { color: $strings } /* Literal.String.Doc */
|
|
.s2 { color: $strings } /* Literal.String.Double */
|
|
.se { color: $numbers} /* Literal.String.Escape */
|
|
.sh { color: $strings } /* Literal.String.Heredoc */
|
|
.si { color: $strings } /* Literal.String.Interpol */
|
|
.sx { color: $strings } /* Literal.String.Other */
|
|
.sr { color: $strings } /* Literal.String.Regex */
|
|
.s1 { color: $strings } /* Literal.String.Single */
|
|
.ss { color: $strings } /* Literal.String.Symbol */
|
|
.bp { color: $varAndProp } /* Name.Builtin.Pseudo */
|
|
.vc { color: $varAndProp } /* Name.Variable.Class */
|
|
.vg { color: $varAndProp } /* Name.Variable.Global */
|
|
.vi { color: $varAndProp } /* Name.Variable.Instance */
|
|
.il { color: $numbers} /* Literal.Number.Integer.Long */
|
|
|
|
.gh { } /* Generic Heading & Diff Header */
|
|
.gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
|
|
.gd { color: $operators; } /* Generic.Deleted & Diff Deleted */
|
|
.gi { color: $names; } /* Generic.Inserted & Diff Inserted */
|
|
.l-Scalar-Plain {color: $names}
|
|
//custom
|
|
.gp {color: #81C784; -webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|