/* PrismJS 1.14.0 prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ /**
* prism.js default theme for JavaScript, CSS and HTML * Based on dabblet (http://dabblet.com) * @author Lea Verou */
font-family: $font-family-monospace; 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; &::-moz-selection, &::selection { color: $white; background: $primary; }
}
@media print {
code[class*="language-"], pre[class*="language-"] { text-shadow: none; }
}
/* Code blocks */ pre {
@include border-radius; margin-bottom: 0; overflow: auto;
}
// background: $light;
}
/* Inline code */ :not(pre) > code {
padding: .1em; border-radius: .3em; white-space: normal;
}
.token.comment, .token.prolog, .token.doctype, .token.cdata {
color: slategray;
}
.token.punctuation {
color: $gray-300;
}
.namespace {
opacity: .7;
}
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
color: $gray-300;
}
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
color: #690;
}
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
color: #9a6e3a; background: hsla(0, 0%, 100%, .5);
}
.token.atrule, .token.attr-value, .token.keyword {
color: #07a;
}
.token.function, .token.class-name {
color: #DD4A68;
}
.token.regex, .token.important, .token.variable {
color: #e90;
}
.token.important, .token.bold {
font-weight: bold;
} .token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
// text-whiteed Colors // // .text-white {
.token.punctuation { color: rgba($white, .55); } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: rgba($white, .55); } code[class*="language-"], pre[class*="language-"] { color: $white; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: $orange; } .token.atrule, .token.attr-value, .token.keyword { color: $yellow; }
}