From 7b4b78ee8458b16a6167170bf7405d7bf911cfbc Mon Sep 17 00:00:00 2001 From: Francesco Date: Mon, 22 Apr 2024 13:19:56 +0200 Subject: Initial --- assets/css/vars.css | 54 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 assets/css/vars.css (limited to 'assets/css/vars.css') 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 -- cgit v1.2.3