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

Improve inline code wrapping on mobile viewports, fix weird overflow issue with codeblocks

Browse Source
This commit is contained in:
Xevion
2024-05-26 15:11:13 -05:00
parent fa285a642e
commit 795b0dedb0
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/styles/code.scss
View File

@@ -22,9 +22,14 @@ h6 {
padding: 0.1rem 0.27rem;
border-radius: 3px;
border: 1px solid rgba(white, 0.4);
// On really small viewports, word wrapping can be pretty bad with monospaced codeblocks; this allows them to wrap with impunity.
word-break: break-all;
@screen sm {
white-space: nowrap;
}
}
}
[data-highlighted-chars] {
&[data-chars-id='purple'] {
@@ -49,6 +54,7 @@ div[data-rehype-pretty-code-fragment] {
background-color: #161616 !important;
> pre {
> code {
overflow-x: auto;
padding: 0.5em 0;
> span[data-line] {