/** * prism.js Funky theme * Based on “Polyfilling the gaps” talk slides http://lea.verou.me/polyfilling-the-gaps/ * @author Lea Verou */ code[class*="language-"], pre[class*="language-"] { font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /* Code blocks */ pre[class*="language-"] { padding: .4em .8em; margin: .5em 0; overflow: auto; background: url('data:image/svg+xml;charset=utf-8,%0D%0A%0D%0A%0D%0A<%2Fsvg>'); background-size: 1em 1em; } code[class*="language-"] { background: black; color: white; box-shadow: -.3em 0 0 .3em black, .3em 0 0 .3em black; } /* Inline code */ :not(pre) > code[class*="language-"] { padding: .2em; border-radius: .3em; box-shadow: none; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #aaa; } .token.punctuation { color: #999; } .namespace { opacity: .7; } .token.property, .token.tag, .token.boolean, .token.number { color: #0cf; } .token.selector, .token.attr-name, .token.string { color: yellow; } .token.operator, .token.entity, .token.url, .language-css .token.string { color: yellowgreen; } .token.atrule, .token.attr-value, .token.keyword { color: deeppink; } .token.regex, .token.important { color: orange; } .token.important { font-weight: bold; } .token.entity { cursor: help; }