pre {
background: #282a36; width: 100%; padding: rem(20px) 0; color: $accentDark; margin: rem(30px) 0; font-size: rem(14px); @include media(">=sm") { font-size: rem(16px); padding: rem(40px) 0; margin: rem(50px) 0; } code { @include center(rem(800px)); padding: 0 rem(20px); @include media("<sm") { overflow-x: scroll; } } span { line-height: 1.5rem; font-family: "Monaco", "Consolas", "Menlo", monospace; }
}
.highlight {
margin: rem(20px) 0; @include media(">=sm") { word-wrap: break-word; margin: rem(29px) 0; } .hll { background-color: #282a36; } .c, // Comment .cm, // Comment.Multiline .cp, // Comment.Preproc .c1, // Comment.Single .cs { // Comment.Special color: #6272a4; } .err { // Error color: #ff5555; background-color: #282a36; } .kc, // Keyword.Constant .kp, // Keyword.Pseudo .kr, // Keyword.Reserved .kt, // Keyword.Type .no { // Name.Constant color: #66d9ef; } .l, // Literal .mf, // Literal.Number.Float .mh, // Literal.Number.Hex .mi, // Literal.Number.Integer .mo, // Literal.Number.Oct .se, // Literal.String.Escape .il { // Literal.Number.Integer.Long color: #ae81ff; } .p, // Punctuation .nx { // Name.Other color: #f7f7f2; } .ni, // Name.Entity .nn, // Name.Namespace .py, // Name.Property .nv, // Name.Variable .w, // Text.Whitespace .bp, // Name.Builtin.Pseudo .vc, // Name.Variable.Class .vg, // Name.Variable.Global .vi { // Name.Variable.Instance color: #50fa7b; } .nl { // Name.Label color: #8be9fd; } .n, // Name .nb, // Name.Builtin .m { // Literal.Number color: #bd93f9; } .nt, // Name.Tag .k, // Keyword .kn, // Keyword.Namespace .kd, // Keyword.Declaration .o, // Operator .ow { // Operator.Word color: #ff79c6; } .ge { // Generic.Emph font-style: italic; } .gs { // Generic.Strong font-weight: bold; } .ld, // Literal.Date .s, // Literal.String .sb, // Literal.String.Backtick .sc, // Literal.String.Char .sd, // Literal.String.Doc .s2, // Literal.String.Double .sh, // Literal.String.Heredoc .si, // Literal.String.Interpol .sx, // Literal.String.Other .sr, // Literal.String.Regex .s1, // Literal.String.Single .ss, // Literal.String.Symbol .vglnk { // Link color: #f1fa8c; } .na, // Name.Attribute .nc, // Name.Class .nd, // Name.Decorator .ne, // Name.Exception .nf { // Name.Function color: #50fa7b; }
}