$red: #ff4757
$blue: #1e90ff
$green: #2ed573
$purple: #5352ed
$orange: #ff7f50
$pink: #ff6b81
$yellow: #fed330
$dark-grey: #222
// Mostly copied from Prism
.code
font-family: monospace
white-space: pre
.code__token
&.code__comment, &.code__prolog, &.code__doctype, &.code__cdata
color: $dark-grey
&.code__punctuation
color: $blue
.code__namespace
opacity: .7
.code__token
&.code__property, &.code__tag, &.code__boolean, &.code__number, &.code__constant, &.code__symbol, &.code__deleted
color: $green
&.code__selector, &.code__attr-name, &.code__string, &.code__char, &.code__builtin, &.code__inserted
color: $purple
&.code__operator, &.code__entity, &.code__url
color: $orange
.code__language-css .code__token.code__string, .code__style .code__token.code__string
color: $purple
.code__token
&.code__atrule, &.code__attr-value, &.code__keyword
color: $pink
&.code__function, &.code__class-name
color: $yellow
&.code__regex, &.code__important, &.code__variable
color: $red
&.code__important, &.code__bold
font-weight: bold
&.code__italic
font-style: italic