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: .1em 0 
    overflow: auto 
    border-radius: 0.3em 
:not(pre) > code[class*="language-"],
pre[class*="language-"] 
    background: $primary 
:not(pre) 
    & > code[class*="language-"] 
        padding: .1em 
        border-radius: .3em 
        white-space: normal 
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata 
    color: #8292a2 
.token 
    &.punctuation 
        color: $editorSecondary
    &.namespace 
        opacity: .7 
    &.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