Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
31 lines (28 sloc) 2.63 KB
// Code highlighting
// YEAH! one style for multiple code syntax engines
// http://highlightjs.readthedocs.io/en/latest/css-classes-reference.html
// 1st class: Rouge/Pygments > .c, .cs, .go …
// 2nd class: Highlight.js > .hljs-*
// 3rd class: Prism > .token.*
// Rainbow???
pre {
.hll { background-color: hsl(60, 100%, 40%) }
.ge { font-style: italic } // Generic.Emph
.gs { font-weight: bold } // Generic.Strong
.c, .cs, .cm, .hljs-comment, .token.comment, .token.prolog, .token.doctype, .token.cdata { color: hsl(192, 99%, 40%); font-style: italic }
.gt,.gh,.nn,.nt, .hljs-tag { color: hsl(210, 20%, 44%) }
.na,.s,.nl,.nf, .hljs-function { color: hsl(270, 20%, 50%) }
.vc,.vg,.vi,.nv,.ni,.n, .token.function, .hljs-title { color: hsl(280, 50%, 50%) }
.gu,.gd, .hljs-variable { color: hsl(300, 70%, 35%) }
.nc,.no,.nb, .hljs-built_in, .namespace, { color: hsl(120, 90%, 30%) }
.k, .kc, .kd, .kn, .kp, .kr, .ne, .mf, .mh, .mo,.gi, .n, .token.keyword, .hljs-keyword { color: hsl(160, 60%, 40%) }
.mi, .m, .hljs-number { color: hsl(150, 40%, 30%) }
.hljs-attr, .hljs-literal { color: hsl(210, 30%, 30%) }
.cp, .c1, .hljs-preprocessor { color: hsl(200, 40%, 40%) }
.si, .sb, .sc, .sd, .s1, .s2, .se, .sh, .sx, .token.string, .hljs-string { color: hsl( 20, 60%, 30%) }
.gr, .kt, .gp, .sr, .hljs-regexp, .token.regex { color: hsl( 0, 60%, 40%) }
.err { color: hsl( 0, 90%, 51%) }
.w,.o,.ow,.p, .token.operator, .token.punctuation { color: hsl( 0, 0%, 50%) }
.go,.ss,.il,.bp, .hljs-name { color: hsl( 0, 5%, 40%) }
.nd, .hljs-params { color: hsl( 0, 0%, 30%) }
}