diff options
author | Pascal Hertleif <killercup@gmail.com> | 2019-01-01 23:11:46 +0100 |
---|---|---|
committer | Katharina <kookie@spacekookie.de> | 2019-01-01 23:28:41 +0100 |
commit | 198c6925d6b0d2d7a3431632bac6d41325c5f8c7 (patch) | |
tree | 72b25ff799020f4a0f7f9b39c71313ea32c605cc | |
parent | d097dd141e7616b6d47d63261ecbe3b4205d31da (diff) |
Tweak sizes and colors
Smaller content font size but also narrower containers for more natural
line flow. Also adjusts the vertical spacing between paragraphs to be a
multiple of the line height for a nicer vertical rhythm.
Oh, and I increased the contrast of the headline color so it pops out
just a tiny bit more over the slightly darker content box.
-rw-r--r-- | crumbs/static/css/crumbs.css | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/crumbs/static/css/crumbs.css b/crumbs/static/css/crumbs.css index 4c2a98b..36a4701 100644 --- a/crumbs/static/css/crumbs.css +++ b/crumbs/static/css/crumbs.css @@ -7,10 +7,11 @@ body { font-family: 'Montserrat', sans-serif; - color: #BEBEBE; + color: #EFEFEF; background-color: #222222; background-image: none; - line-height: 42px; + font-size: 16px; + line-height: 1.5; margin: 0; overflow-y: scroll; } @@ -40,7 +41,7 @@ strong { h1, h2, h3, h4 { font-family: 'Inconsolata', monospace; - padding-bottom: 15px; + margin-bottom: 18px; } h1 { font-size: 36px; } @@ -59,7 +60,7 @@ h1.normal { .container { display: flex; flex-direction: column; - max-width: 1000px; + max-width: 900px; margin: 0 auto; padding: 0 1rem; } @@ -200,9 +201,9 @@ code { padding: 3px 3px; } } .card-content p { - font-size: 24px; + font-size: 18px; font-weight: 400; - padding-bottom: 15px; + margin: 18px 0; padding-left: 25px; padding-right: 25px; } |