code[class*="language-"], pre[class*="language-"] { color: $editorPrimary; background: none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre[class*="language-"] { //padding: 1em margin: 0.1em 0; overflow: auto; border-radius: 0.3em; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: $primary; } :not(pre) { & > code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; white-space: normal; } } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #8292a2; } .token { &.punctuation { color: $editorSecondary; } &.namespace { opacity: 0.6; } &.keyword { color: #66d9ef; } &.italic { font-style: italic; } &.entity { cursor: help; } &.content { color: $editorTertiary; } } .token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: $editorTag; } .token.boolean, .token.number { color: #ae81ff; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #a6e22e; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: $editorString; } .token.atrule, .token.attr-value, .token.function, .token.class-name { color: #e6db74; } .token.regex, .token.important { color: $editorSecondary; } .token.important, .token.bold { font-weight: bold; }