Add .article-content-wide helper class

This commit is contained in:
Shadowfacts 2020-07-09 14:11:34 -04:00
parent f7dea0647f
commit 88bfad10db
Signed by: shadowfacts
GPG Key ID: 94A5AB95422746E5
1 changed files with 23 additions and 0 deletions

View File

@ -104,6 +104,11 @@ html {
color: var(--ui-text-color); color: var(--ui-text-color);
} }
body {
// prevent .article-content-wide from showing scroll bar
overflow-x: hidden;
}
.container { .container {
margin: 0 auto; margin: 0 auto;
padding: 0 15px; padding: 0 15px;
@ -244,6 +249,24 @@ article {
} }
} }
.article-content-wide {
width: 100vw;
position: relative;
left: 50%;
margin-left: -50vw;
padding: 10px 0;
margin-top: -10px;
margin-bottom: -10px;
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
}
.theme-dark, .theme-light, .theme-inverted { .theme-dark, .theme-light, .theme-inverted {
color: var(--content-text-color); color: var(--content-text-color);
background-color: var(--content-background-color); background-color: var(--content-background-color);