Fix for large code blocks on small screens
This commit is contained in:
parent
1a8b95aad4
commit
79728ef965
1 changed files with 2 additions and 2 deletions
4
src/articles/static/vendor/codehilite.css
vendored
4
src/articles/static/vendor/codehilite.css
vendored
|
@ -1,8 +1,8 @@
|
|||
.codehilite.large {
|
||||
--larger-by: 140px;
|
||||
max-width: calc(100% + var(--larger-by));
|
||||
max-width: calc(100vw - 64px);
|
||||
width: calc(100% + var(--larger-by));
|
||||
margin-left: calc(var(--larger-by) / -2);
|
||||
margin-left: calc(-1 * min(calc(var(--larger-by) / 2), calc(100vw - 64px - 100%)));
|
||||
}
|
||||
|
||||
@media(prefers-color-scheme: light) {
|
||||
|
|
Reference in a new issue