Browse Source

Fix for large code blocks on small screens

master
Gabriel Augendre 2 months ago
parent
commit
79728ef965
  1. 4
      src/articles/static/vendor/codehilite.css

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) {

Loading…
Cancel
Save