Optional full width comics.
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user