xevion/undefined.behavio.rs
1
0
Fork 0
mirror of https://github.com/Xevion/undefined.behavio.rs.git synced 2025-12-12 03:11:50 -06:00
Code Issues Packages Projects Releases Wiki Activity

Adjust for rehype-pretty-code, lighter inline highlighting, line highlighting, codeblock title

Browse Source
This commit is contained in:
Xevion
2023-11-28 01:43:27 -06:00
parent 64f4ae80ce
commit 3489cc1c03
1 changed files with 26 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/styles/code.scss
View File

@@ -1,7 +1,8 @@
div[data-rehype-pretty-code-fragment],
pre, pre,
code { code {
font-family: "CMU Typewriter Text", monospace; font-family: "CMU Typewriter Text", monospace;
font-size: 0.8em; font-size: 0.9em;
} }
// Inline code styling // Inline code styling
@@ -14,10 +15,10 @@ h4,
h5, h5,
h6 { h6 {
> code { > code {
background-color: black; background-color: rgba(18, 18, 18);
padding: 0.1rem 0.27rem; padding: 0.1rem 0.27rem;
border-radius: 3px; border-radius: 3px;
border: 1px solid rgba(white, 0.5); border: 1px solid rgba(white, 0.4);
white-space: nowrap; white-space: nowrap;
} }
} }
@@ -27,11 +28,30 @@ a > code {
color: #90bcff; color: #90bcff;
} }
div[data-rehype-pretty-code-fragment] {
div[data-rehype-pretty-code-title] {
text-align: center;
}
// Horizontal padding is applied on a line level to ensure highlighting is not affected.
padding: 1em 0;
background-color: #161616 !important;
> pre {
> code {
> span[data-line] {
padding: 0 1em;
&[data-highlighted-line] {
background: rgba(255, 255, 255, 0.1);
}
}
}
}
}
pre { pre {
background: rgb(25, 25, 25); // background: rgb(25, 25, 25);
border-radius: 5px; border-radius: 5px;
padding: 1em;
&.astro-code { &.astro-code {
background-color: #191919 !important; background-color: #191919 !important;
} }