diff options
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/main.css | 6 | ||||
| -rw-r--r-- | assets/css/vars.css | 8 |
2 files changed, 8 insertions, 6 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 0941263..0d6d5d8 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -8,7 +8,7 @@ html { body { font-family: "Literata"; font-size: 1rem; - color: rgb(30, 30, 30); + color: var(--content); line-height: 1.3rem; margin: auto; max-width: var(--main-width); @@ -96,8 +96,8 @@ code { } hr { - border: 1px solid black; - margin-top: 2rem; + border: 1px solid var(--content); + margin-top: 3rem; margin-bottom: 2rem; } diff --git a/assets/css/vars.css b/assets/css/vars.css index 09cb6da..a222858 100644 --- a/assets/css/vars.css +++ b/assets/css/vars.css @@ -10,11 +10,11 @@ --header-menu-top-gap: 1rem; /* Typography */ - --h1-margin-top: 2rem; + --h1-margin-top: 2.5rem; --h1-margin-bottom: 2rem; --h2-margin-top: 2rem; - --h2-margin-bottom: 2rem; - --hx-margin-top: 1rem; + --h2-margin-bottom: 1.5rem; + --hx-margin-top: 1.5rem; --hx-margin-bottom: 1rem; --p-margin-top: 1rem; --p-margin-bottom: 1rem; @@ -38,6 +38,8 @@ /* Content */ --content-height: calc(100vh - var(--footer-height)); + + --content: rgb(30, 30, 30); } @media screen and (max-width: 1024px) { |