Make code blocks behave reasonably on small displays
This commit is contained in:
parent
9ccc512533
commit
d4f11a5585
1 changed files with 2 additions and 1 deletions
|
@ -2,11 +2,12 @@ code {
|
||||||
font-family: "Iosevka Web", monospace;
|
font-family: "Iosevka Web", monospace;
|
||||||
background-color: light-dark(#fbf3db, #103c48);
|
background-color: light-dark(#fbf3db, #103c48);
|
||||||
color: light-dark(#53676d, #adbcbc);
|
color: light-dark(#53676d, #adbcbc);
|
||||||
min-width: 80ch;
|
|
||||||
width: 80%;
|
width: 80%;
|
||||||
display: block;
|
display: block;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
border-radius: 0.55rem / 0.5rem;
|
border-radius: 0.55rem / 0.5rem;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
|
|
Loading…
Add table
Reference in a new issue