123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129 |
- .rougeHighlight { background-color: $code-bg; color: #93a1a1 }
- .rougeHighlight .c { color: #586e75 } /* Comment */
- .rougeHighlight .err { color: #93a1a1 } /* Error */
- .rougeHighlight .g { color: #93a1a1 } /* Generic */
- .rougeHighlight .k { color: #859900 } /* Keyword */
- .rougeHighlight .l { color: #93a1a1 } /* Literal */
- .rougeHighlight .n { color: #93a1a1 } /* Name */
- .rougeHighlight .o { color: #859900 } /* Operator */
- .rougeHighlight .x { color: #cb4b16 } /* Other */
- .rougeHighlight .p { color: #93a1a1 } /* Punctuation */
- .rougeHighlight .cm { color: #586e75 } /* Comment.Multiline */
- .rougeHighlight .cp { color: #859900 } /* Comment.Preproc */
- .rougeHighlight .c1 { color: #72c02c; } /* Comment.Single */
- .rougeHighlight .cs { color: #859900 } /* Comment.Special */
- .rougeHighlight .gd { color: #2aa198 } /* Generic.Deleted */
- .rougeHighlight .ge { color: #93a1a1; font-style: italic } /* Generic.Emph */
- .rougeHighlight .gr { color: #dc322f } /* Generic.Error */
- .rougeHighlight .gh { color: #cb4b16 } /* Generic.Heading */
- .rougeHighlight .gi { color: #859900 } /* Generic.Inserted */
- .rougeHighlight .go { color: #93a1a1 } /* Generic.Output */
- .rougeHighlight .gp { color: #93a1a1 } /* Generic.Prompt */
- .rougeHighlight .gs { color: #93a1a1; font-weight: bold } /* Generic.Strong */
- .rougeHighlight .gu { color: #cb4b16 } /* Generic.Subheading */
- .rougeHighlight .gt { color: #93a1a1 } /* Generic.Traceback */
- .rougeHighlight .kc { color: #cb4b16 } /* Keyword.Constant */
- .rougeHighlight .kd { color: #268bd2 } /* Keyword.Declaration */
- .rougeHighlight .kn { color: #859900 } /* Keyword.Namespace */
- .rougeHighlight .kp { color: #859900 } /* Keyword.Pseudo */
- .rougeHighlight .kr { color: #268bd2 } /* Keyword.Reserved */
- .rougeHighlight .kt { color: #dc322f } /* Keyword.Type */
- .rougeHighlight .ld { color: #93a1a1 } /* Literal.Date */
- .rougeHighlight .m { color: #2aa198 } /* Literal.Number */
- .rougeHighlight .s { color: #2aa198 } /* Literal.String */
- .rougeHighlight .na { color: #93a1a1 } /* Name.Attribute */
- .rougeHighlight .nb { color: #B58900 } /* Name.Builtin */
- .rougeHighlight .nc { color: #268bd2 } /* Name.Class */
- .rougeHighlight .no { color: #cb4b16 } /* Name.Constant */
- .rougeHighlight .nd { color: #268bd2 } /* Name.Decorator */
- .rougeHighlight .ni { color: #cb4b16 } /* Name.Entity */
- .rougeHighlight .ne { color: #cb4b16 } /* Name.Exception */
- .rougeHighlight .nf { color: #268bd2 } /* Name.Function */
- .rougeHighlight .nl { color: #93a1a1 } /* Name.Label */
- .rougeHighlight .nn { color: #93a1a1 } /* Name.Namespace */
- .rougeHighlight .nx { color: #93a1a1 } /* Name.Other */
- .rougeHighlight .py { color: #93a1a1 } /* Name.Property */
- .rougeHighlight .nt { color: #268bd2 } /* Name.Tag */
- .rougeHighlight .nv { color: #268bd2 } /* Name.Variable */
- .rougeHighlight .ow { color: #859900 } /* Operator.Word */
- .rougeHighlight .w { color: #93a1a1 } /* Text.Whitespace */
- .rougeHighlight .mf { color: #2aa198 } /* Literal.Number.Float */
- .rougeHighlight .mh { color: #2aa198 } /* Literal.Number.Hex */
- .rougeHighlight .mi { color: #2aa198 } /* Literal.Number.Integer */
- .rougeHighlight .mo { color: #2aa198 } /* Literal.Number.Oct */
- .rougeHighlight .sb { color: #586e75 } /* Literal.String.Backtick */
- .rougeHighlight .sc { color: #2aa198 } /* Literal.String.Char */
- .rougeHighlight .sd { color: #93a1a1 } /* Literal.String.Doc */
- .rougeHighlight .s2 { color: #2aa198 } /* Literal.String.Double */
- .rougeHighlight .se { color: #cb4b16 } /* Literal.String.Escape */
- .rougeHighlight .sh { color: #93a1a1 } /* Literal.String.Heredoc */
- .rougeHighlight .si { color: #2aa198 } /* Literal.String.Interpol */
- .rougeHighlight .sx { color: #2aa198 } /* Literal.String.Other */
- .rougeHighlight .sr { color: #dc322f } /* Literal.String.Regex */
- .rougeHighlight .s1 { color: #2aa198 } /* Literal.String.Single */
- .rougeHighlight .ss { color: #2aa198 } /* Literal.String.Symbol */
- .rougeHighlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */
- .rougeHighlight .vc { color: #268bd2 } /* Name.Variable.Class */
- .rougeHighlight .vg { color: #268bd2 } /* Name.Variable.Global */
- .rougeHighlight .vi { color: #268bd2 } /* Name.Variable.Instance */
- .rougeHighlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */
- .highlighter-rouge {
- color: darken(#72c02c, 8%);
- font: 800 12px/1.5em Hack, monospace;
- max-width: 100%;
- .rougeHighlight {
- border-radius: 3px;
- margin: 20px 0;
- padding: 0px;
- overflow-x: scroll;
- -webkit-overflow-scrolling: touch;
- table {
- background: none;
- border: none;
- tbody {
- tr {
- background: none;
- display: flex;
- flex-flow: row nowrap;
- td {
- display: block;
- flex: 1 1;
- &.gutter {
- border-right: 1px solid lighten($code-bg, 10%);
- color: lighten($code-bg, 15%);
- margin-right: 10px;
- max-width: 40px;
- padding-right: 10px;
- pre {
- max-width: 20px;
- }
- }
- }
- }
- }
- }
- }
- }
- p > .highlighter-rouge,
- li > .highlighter-rouge,
- a > .highlighter-rouge {
- font-size: 16px;
- font-weight: 400;
- line-height: inherit;
- }
- a:hover {
- .highlighter-rouge {
- color: white;
- }
- }
|