Optional full width comics.

This commit is contained in:
mi
2025-11-07 18:14:09 +10:00
parent b6f6ee4b70
commit 30d9044950
3 changed files with 33 additions and 3 deletions

View File

@@ -160,6 +160,34 @@ main {
padding: 1rem;
}
/* Full-width comic variant */
.comic-container-fullwidth {
border: none;
padding: 0;
}
.comic-container-fullwidth .comic-header,
.comic-container-fullwidth .comic-navigation,
.comic-container-fullwidth .comic-transcript {
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
.comic-container-fullwidth .comic-image {
width: calc(100vw - 4rem);
max-width: calc(100vw - 4rem);
margin-left: calc(-1 * (50vw - 50% - 2rem));
margin-right: calc(-1 * (50vw - 50% - 2rem));
}
.comic-container-fullwidth .comic-image img {
width: 100%;
max-width: 100%;
}
.comic-header {
margin-bottom: 1.5rem;
padding-bottom: 1rem;