Unverified Commit a7570d43 authored by Philip Kaludercic's avatar Philip Kaludercic 🌝
Browse files

added additional css variable for padding

parent 676c12cc
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
--article-border-color: silver; --article-border-color: silver;
--secondary-fg-color: dimgray; --secondary-fg-color: dimgray;
--secondary-bg-color: whitesmoke; --secondary-bg-color: whitesmoke;
--general-padding: 8px;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
...@@ -39,7 +40,7 @@ code, code { font-family: "Noto Sans Mono", Consolas, Monaco, monospace, monospa ...@@ -39,7 +40,7 @@ code, code { font-family: "Noto Sans Mono", Consolas, Monaco, monospace, monospa
body > header { body > header {
color: var(--header-fg-color); color: var(--header-fg-color);
background: var(--header-bg-color); background: var(--header-bg-color);
border-radius: 8px; border-radius: var(--general-padding);
} }
body > header > nav { body > header > nav {
...@@ -49,15 +50,15 @@ body > header > nav { ...@@ -49,15 +50,15 @@ body > header > nav {
} }
body > header > nav > a { body > header > nav > a {
padding: 8px; padding: var(--general-padding);
color: inherit; color: inherit;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
} }
body > header > nav > a:first-of-type { body > header > nav > a:first-of-type {
border-top-left-radius: 8px; border-top-left-radius: var(--general-padding);
border-bottom-left-radius: 8px; border-bottom-left-radius: var(--general-padding);
} }
body > header > nav > a:hover { body > header > nav > a:hover {
...@@ -70,7 +71,7 @@ article { ...@@ -70,7 +71,7 @@ article {
background: var(--article-bg-color); background: var(--article-bg-color);
margin: 16px 0; margin: 16px 0;
padding: 16px 32px; padding: 16px 32px;
border-radius: 8px; border-radius: var(--general-padding);
} }
article > p:first-of-type { article > p:first-of-type {
...@@ -86,8 +87,8 @@ article > nav { ...@@ -86,8 +87,8 @@ article > nav {
display: table; display: table;
border: 0 solid var(--highlight-color); border: 0 solid var(--highlight-color);
border-top-width: 1px; border-top-width: 1px;
margin: 8px 0 0 auto; margin: var(--general-padding) 0 0 auto;
padding: 8px; padding: var(--general-padding);
line-height: 1.25; line-height: 1.25;
} }
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment