$font-sans: Raleway, sans-serif;
// This was modified slightly from the post found at textuploader.com/1odmf, originally posted frankindev.com/2017/03/18/syntax-highlight-with-rouge-in-jekyll/ figure.highlight, pre.highlight {
padding: 1rem 1.5rem; margin: 1.5rem 0; overflow: auto; line-height: 1.4rem; position: relative;
}
.highlighter-rouge {
font-weight: 300; position: relative;
}
li code.highlighter-rouge, p code.highlighter-rouge, p kbd {
color: #c66; font-size: 1rem; background-color: #f7f7f5; padding: 2px 4px; border-radius: 2px; word-break: break-word;
}
kbd {
border: 1px solid #343a40; border-radius: 4px;
}
figure.highlight::before, div.highlighter-rouge::before {
content: attr(data-lang); font-family: $font-sans; text-transform: lowercase; font-size: .8rem; color: #e9ecef; position: absolute; display: block; height: 1rem; right: .5rem; z-index: 5;
}
figure.highlight::before {
margin-top: -1rem;
}
.rouge-table .code pre {
overflow: hidden;
}
table.rouge-table, table.rouge-table tr, table.rouge-table td, table.rouge-table pre {
border: 0; padding: 0; margin: 0;
}
table.rouge-table td.gutter {
padding-right: .5rem; border-right: 1px solid #adb5bd;
}
table.rouge-table td.code {
padding-left: .5rem;
}
figure pre {
margin-bottom: 0;
}
.lineno {
text-align: right; margin-right: 10px!important;
}
/* Base16 Tomorrow Dark by Chris Kempson; github.com/idleberg */ .highlight, .highlight pre, .highlight table {
background: #2e3e4e; color: #e9ecef; border-radius: 4px; font-size: 1rem;
}
.highlight .hll { background-color: #373b41 } .highlight .c { color: #969896 } /* Comment */ .highlight .err { color: cc6666 } /* Error */ .highlight .k { color: b294bb } /* Keyword */ .highlight .l { color: de935f } /* Literal */ .highlight .n, .highlight .h { color: ffffff } /* Name */ .highlight .o { color: #8abeb7 } /* Operator */ .highlight .p { color: ffffff } /* Punctuation */ .highlight .cm { color: #969896 } /* Comment.Multiline */ .highlight .cp { color: #969896 } /* Comment.Preproc */ .highlight .c1 { color: #969896 } /* Comment.Single */ .highlight .cs { color: #969896 } /* Comment.Special */ .highlight .gd { color: cc6666 } /* Generic.Deleted */ .highlight .ge { font-style: italic } /* Generic.Emph */ .highlight .gh { color: ffffff; font-weight: bold } /* Generic.Heading */ .highlight .gi { color: b5bd68 } /* Generic.Inserted */ .highlight .gp { color: #969896; font-weight: bold } /* Generic.Prompt */ .highlight .gs { font-weight: bold } /* Generic.Strong */ .highlight .gu { color: #8abeb7; font-weight: bold } /* Generic.Subheading */ .highlight .kc { color: b294bb } /* Keyword.Constant */ .highlight .kd { color: b294bb } /* Keyword.Declaration */ .highlight .kn { color: #8abeb7 } /* Keyword.Namespace */ .highlight .kp { color: b294bb } /* Keyword.Pseudo */ .highlight .kr { color: b294bb } /* Keyword.Reserved */ .highlight .kt { color: f0c674 } /* Keyword.Type */ .highlight .ld { color: b5bd68 } /* Literal.Date */ .highlight .m { color: de935f } /* Literal.Number */ .highlight .s { color: b5bd68 } /* Literal.String */ .highlight .na { color: #81a2be } /* Name.Attribute */ .highlight .nb { color: ffffff } /* Name.Builtin */ .highlight .nc { color: f0c674 } /* Name.Class */ .highlight .no { color: cc6666 } /* Name.Constant */ .highlight .nd { color: #8abeb7 } /* Name.Decorator */ .highlight .ni { color: ffffff } /* Name.Entity */ .highlight .ne { color: cc6666 } /* Name.Exception */ .highlight .nf { color: #81a2be } /* Name.Function */ .highlight .nl { color: ffffff } /* Name.Label */ .highlight .nn { color: f0c674 } /* Name.Namespace */ .highlight .nx { color: #81a2be } /* Name.Other */ .highlight .py { color: ffffff } /* Name.Property */ .highlight .nt { color: #8abeb7 } /* Name.Tag */ .highlight .nv { color: cc6666 } /* Name.Variable */ .highlight .ow { color: #8abeb7 } /* Operator.Word */ .highlight .w { color: ffffff } /* Text.Whitespace */ .highlight .mf { color: de935f } /* Literal.Number.Float */ .highlight .mh { color: de935f } /* Literal.Number.Hex */ .highlight .mi { color: de935f } /* Literal.Number.Integer */ .highlight .mo { color: de935f } /* Literal.Number.Oct */ .highlight .sb { color: b5bd68 } /* Literal.String.Backtick */ .highlight .sc { color: ffffff } /* Literal.String.Char */ .highlight .sd { color: #969896 } /* Literal.String.Doc */ .highlight .s2 { color: b5bd68 } /* Literal.String.Double */ .highlight .se { color: de935f } /* Literal.String.Escape */ .highlight .sh { color: b5bd68 } /* Literal.String.Heredoc */ .highlight .si { color: de935f } /* Literal.String.Interpol */ .highlight .sx { color: b5bd68 } /* Literal.String.Other */ .highlight .sr { color: b5bd68 } /* Literal.String.Regex */ .highlight .s1 { color: b5bd68 } /* Literal.String.Single */ .highlight .ss { color: b5bd68 } /* Literal.String.Symbol */ .highlight .bp { color: ffffff } /* Name.Builtin.Pseudo */ .highlight .vc { color: cc6666 } /* Name.Variable.Class */ .highlight .vg { color: cc6666 } /* Name.Variable.Global */ .highlight .vi { color: cc6666 } /* Name.Variable.Instance */ .highlight .il { color: de935f } /* Literal.Number.Integer.Long */