186 lines
2.5 KiB
SCSS
186 lines
2.5 KiB
SCSS
// Code
|
|
code {
|
|
font-family: $mono-family;
|
|
text-rendering: optimizeLegibility;
|
|
font-feature-settings: "calt" 1;
|
|
font-variant-ligatures: normal;
|
|
white-space: pre;
|
|
word-spacing: normal;
|
|
word-break: normal;
|
|
word-wrap: normal;
|
|
font-size: inherit;
|
|
|
|
&.highlighter-rouge {
|
|
padding: 1px 3px;
|
|
position: relative;
|
|
top: -1px;
|
|
background-color: #f6f6f6;
|
|
border-radius: 2px;
|
|
border: 1px solid rgba(128,128,128,0.1);
|
|
}
|
|
}
|
|
|
|
// Codeblock Theme
|
|
pre.highlight, pre {
|
|
margin: 0 -27px;
|
|
@include media-query($on-mobile) {
|
|
margin: 0 calc(51% - 51vw);
|
|
padding-left: 20px;
|
|
}
|
|
border: 1px solid rgba(128,128,128,0.1);
|
|
background-color: #1a1b21;
|
|
border-radius: 2px;
|
|
padding: 10px;
|
|
display: block;
|
|
overflow-x: auto;
|
|
|
|
> code {
|
|
width: 100%;
|
|
max-width: 50rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
line-height: 1.5;
|
|
display: block;
|
|
border: 0;
|
|
}
|
|
}
|
|
|
|
.highlight table td {
|
|
padding: 5px;
|
|
}
|
|
|
|
.highlight table pre {
|
|
margin: 0;
|
|
}
|
|
|
|
.highlight,
|
|
.highlight .w {
|
|
color: #fbf1c7;
|
|
// background-color: #1a1b21;
|
|
}
|
|
|
|
.highlight .err {
|
|
color: #fb4934;
|
|
// background-color: #1a1b21;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.highlight .c,
|
|
.highlight .cd,
|
|
.highlight .cm,
|
|
.highlight .c1,
|
|
.highlight .cs {
|
|
color: #928374;
|
|
font-style: italic;
|
|
}
|
|
|
|
.highlight .cp {
|
|
color: #8ec07c;
|
|
}
|
|
|
|
.highlight .nt {
|
|
color: #fb4934;
|
|
}
|
|
|
|
.highlight .o,
|
|
.highlight .ow {
|
|
color: #fbf1c7;
|
|
}
|
|
|
|
.highlight .p,
|
|
.highlight .pi {
|
|
color: #fbf1c7;
|
|
}
|
|
|
|
.highlight .gi {
|
|
color: #b8bb26;
|
|
background-color: #282828;
|
|
}
|
|
|
|
.highlight .gd {
|
|
color: #fb4934;
|
|
background-color: #282828;
|
|
}
|
|
|
|
.highlight .gh {
|
|
color: #b8bb26;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.highlight .k,
|
|
.highlight .kn,
|
|
.highlight .kp,
|
|
.highlight .kr,
|
|
.highlight .kv {
|
|
color: #fb4934;
|
|
}
|
|
|
|
.highlight .kc {
|
|
color: #d3869b;
|
|
}
|
|
|
|
.highlight .kt {
|
|
color: #fabd2f;
|
|
}
|
|
|
|
.highlight .kd {
|
|
color: #fe8019;
|
|
}
|
|
|
|
.highlight .s,
|
|
.highlight .sb,
|
|
.highlight .sc,
|
|
.highlight .sd,
|
|
.highlight .s2,
|
|
.highlight .sh,
|
|
.highlight .sx,
|
|
.highlight .s1 {
|
|
color: #b8bb26;
|
|
font-style: italic;
|
|
}
|
|
|
|
.highlight .si {
|
|
color: #b8bb26;
|
|
font-style: italic;
|
|
}
|
|
|
|
.highlight .sr {
|
|
color: #b8bb26;
|
|
font-style: italic;
|
|
}
|
|
|
|
.highlight .se {
|
|
color: #fe8019;
|
|
}
|
|
|
|
.highlight .nn {
|
|
color: #8ec07c;
|
|
}
|
|
|
|
.highlight .nc {
|
|
color: #8ec07c;
|
|
}
|
|
|
|
.highlight .no {
|
|
color: #d3869b;
|
|
}
|
|
|
|
.highlight .na {
|
|
color: #b8bb26;
|
|
}
|
|
|
|
.highlight .m,
|
|
.highlight .mf,
|
|
.highlight .mh,
|
|
.highlight .mi,
|
|
.highlight .il,
|
|
.highlight .mo,
|
|
.highlight .mb,
|
|
.highlight .mx {
|
|
color: #d3869b;
|
|
}
|
|
|
|
.highlight .ss {
|
|
color: #83a598;
|
|
}
|