Files
blog/sass/_code.scss
2024-10-26 18:13:34 +03:00

75 lines
1.3 KiB
SCSS

// CODE
pre,
code,
kbd,
samp {
font-family: var(--font-monospace-code);
}
code:not(pre code) {
box-shadow: var(--edge-highlight);
border-radius: var(--rounded-corner-small);
background-color: var(--fg-muted-1);
padding: 0.125rem 0.375rem;
color: var(--red-fg);
font-size: var(--font-size-small-em);
}
pre {
margin: 1rem 0 1rem;
box-shadow: var(--edge-highlight), var(--shadow);
border-radius: var(--rounded-corner);
background-color: var(--fg-muted-1);
padding: 1rem;
max-width: 100vw;
overflow: auto;
line-height: normal;
table {
box-shadow: none;
border-radius: 0;
background-color: transparent;
table-layout: auto;
overflow: hidden;
tr {
&:nth-child(even) {
background-color: transparent;
}
th,
td {
padding: 0;
}
th {
background-color: transparent;
font-weight: normal;
}
}
}
// The line number cells
table td:nth-of-type(1) {
-webkit-user-select: none;
user-select: none;
text-align: center;
}
mark {
display: block;
box-shadow: none;
border-radius: 0; // Unset code block border radius
background-color: var(--fg-muted-1);
padding: 0; // Unset mark padding
color: var(
--fg-color
); // Unset mark color from accent color to text color
}
// The line numbers already provide some kind of left/right padding
&[data-linenos] {
padding: 1rem 0;
}
}