diff options
| author | s-ol <s-ol@users.noreply.github.com> | 2019-10-26 19:36:51 +0000 |
|---|---|---|
| committer | s-ol <s-ol@users.noreply.github.com> | 2019-10-26 19:36:51 +0000 |
| commit | 97ae6d414dde9662f936a1c13601040259343eb8 (patch) | |
| tree | 8603401cfc7603fc502a543e6c3e4e81e6f29082 | |
| parent | add why_redirectly blog post (diff) | |
| download | mmm-97ae6d414dde9662f936a1c13601040259343eb8.tar.gz mmm-97ae6d414dde9662f936a1c13601040259343eb8.zip | |
fix the damn text width problem, once and for all ????
| -rw-r--r-- | scss/_browser.scss | 3 | ||||
| -rw-r--r-- | scss/_content.scss | 5 | ||||
| -rw-r--r-- | scss/_defs.scss | 1 | ||||
| -rw-r--r-- | scss/_reset.scss | 2 |
4 files changed, 10 insertions, 1 deletions
diff --git a/scss/_browser.scss b/scss/_browser.scss index 4d4a260..f282bf4 100644 --- a/scss/_browser.scss +++ b/scss/_browser.scss @@ -95,6 +95,9 @@ flex: 1 1 auto; overflow: auto; padding: 1em 2em; + margin: 0 1em; + align-self: flex-start; + background: var(--white); position: relative; } diff --git a/scss/_content.scss b/scss/_content.scss index 7468de5..5b6e73b 100644 --- a/scss/_content.scss +++ b/scss/_content.scss @@ -4,6 +4,11 @@ height: inherit; } + .markdown { + max-width: 640px; + position: relative; + } + .markdown, .markdown > p, .markdown > p > a, diff --git a/scss/_defs.scss b/scss/_defs.scss index 7806420..40804b2 100644 --- a/scss/_defs.scss +++ b/scss/_defs.scss @@ -22,6 +22,7 @@ $break-large: 768px; } :root { + --white: #{$white}; --gray-bright: #{$gray-bright}; --gray-dark: #{$gray-dark}; --gray-darker: #{$gray-darker}; diff --git a/scss/_reset.scss b/scss/_reset.scss index ef2ef0d..bb5382d 100644 --- a/scss/_reset.scss +++ b/scss/_reset.scss @@ -27,7 +27,7 @@ body { flex-direction: column; justify-content: space-between; - background: $white; + background: var(--gray-bright); font-family: sans-serif; min-height: 100vh; |