Mobile fixes

This commit is contained in:
Shadowfacts 2019-01-05 10:52:44 -05:00
parent 08efa719f6
commit 601eefab54
Signed by untrusted user: shadowfacts
GPG Key ID: 94A5AB95422746E5
1 changed files with 10 additions and 7 deletions

View File

@ -17,6 +17,7 @@ body {
.container { .container {
margin: 0 auto; margin: 0 auto;
padding: 0 30px;
} }
.main { .main {
@ -39,14 +40,12 @@ body {
} }
article { article {
// max-width: 720px;
// margin: 0 auto;
margin-bottom: 75px; margin-bottom: 75px;
color: var(--content-text-color); color: var(--content-text-color);
&::after { &::after {
content: ""; content: "";
width: 100%; width: calc(100% - 2 * 30px); // account for .container padding, don't overflow
max-width: 720px; max-width: 720px;
height: 1px; height: 1px;
background-image: linear-gradient(to right, var(--secondary-ui-text-color), var(--shadow-color)); background-image: linear-gradient(to right, var(--secondary-ui-text-color), var(--shadow-color));
@ -193,11 +192,15 @@ pre, code {
font-size: 16px; font-size: 16px;
} }
img {
display: block;
margin: 0 auto;
max-width: 100%;
}
figure { figure {
img { margin: 0;
display: block;
margin: 0 auto;
}
figcaption { figcaption {
font-family: $sansSerif; font-family: $sansSerif;
font-size: 16px; font-size: 16px;