Add default CSS header variables

This commit is contained in:
2025-08-23 22:57:05 -04:00
parent 798ccc42bc
commit 8a20ac971e

View File

@@ -53,6 +53,13 @@ https://creativecommons.org/publicdomain/
--for-tablet-landscape-up: 900px; --for-tablet-landscape-up: 900px;
--for-desktop-up: 1200px; --for-desktop-up: 1200px;
--for-big-desktop-up: 1800px; --for-big-desktop-up: 1800px;
--default-header-x-font-weight: bold;
--default-header-x-margin: 1.25rem 0 0.75rem 0;
--default-header-1-font-size: 1.5rem;
--default-header-2-font-size: 1.45rem;
--default-header-3-font-size: 1.25rem;
--default-header-4-font-size: 1.15rem;
} }
html { html {
@@ -172,27 +179,27 @@ blockquote {
} }
h1 { h1 {
font-size: 1.5rem; font-size: var(--default-header-1-font-size);
margin: 1.25rem 0 0.75rem 0; margin: var(--default-header-x-margin);
} }
h2, h2,
article * h1, article * h1,
section > header:first-child { section > header:first-child {
font-size: 1.45rem; font-size: var(--default-header-2-font-size);
margin: 1.25rem 0 0.75rem 0; margin: var(--default-header-x-margin);
} }
h3, h3,
article * h2 { article * h2 {
font-size: 1.25rem; font-size: var(--default-header-3-font-size);
margin: 1.25rem 0 0.75rem 0; margin: var(--default-header-x-margin);
} }
h4, h4,
article * h3 { article * h3 {
font-size: 1.15rem; font-size: var(--default-header-4-font-size);
margin: 1.25rem 0 0.75rem 0; margin: var(--default-header-x-margin);
} }
img { img {