diff options
Diffstat (limited to 'assets/css/vars.css')
| -rw-r--r-- | assets/css/vars.css | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/assets/css/vars.css b/assets/css/vars.css new file mode 100644 index 0000000..1ec2afd --- /dev/null +++ b/assets/css/vars.css @@ -0,0 +1,54 @@ +:root { + --main-width: 900px; + --main-padding: 1rem; + --main-padding-bottom: 3rem; + + /* header settings */ + --header-top-gap: 1.5rem; + --header-bottom-gap: 2rem; + --header-menu-side-gap: .5rem; + --header-menu-top-gap: 1rem; + + /* Typography */ + --h1-margin-top: 2rem; + --h1-margin-bottom: 2rem; + --h2-margin-top: 2rem; + --h2-margin-bottom: 2rem; + --hx-margin-top: 1rem; + --hx-margin-bottom: 1rem; + --p-margin-top: 1rem; + --p-margin-bottom: 1rem; + --code-margin-top: 2rem; + --code-margin-bottom: 2rem; + + /* List indentation */ + --li-indent: 1.5rem; + --ul-margin-top: 1rem; + --ul-margin-bottom: 1rem; + + --toc-margin-top: 2rem; + --toc-margin-bottom: 3rem; + + /* code */ + --code-padding: 1.5rem; + --code-border-radius: 20px; + + /* Footer */ + --footer-height: 3rem; + + /* Content */ + --content-height: calc(100vh - var(--footer-height)); +} + +@media screen and (max-width: 1024px) { + :root { + --main-width: 750px; + --header-top-gap: 1rem; + } +} + +@media screen and (max-width: 640px) { + :root { + --header-top-gap: .5rem; + } +}
\ No newline at end of file |