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-desktop-up: 1200px;
--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 {
@@ -172,27 +179,27 @@ blockquote {
}
h1 {
font-size: 1.5rem;
margin: 1.25rem 0 0.75rem 0;
font-size: var(--default-header-1-font-size);
margin: var(--default-header-x-margin);
}
h2,
article * h1,
section > header:first-child {
font-size: 1.45rem;
margin: 1.25rem 0 0.75rem 0;
font-size: var(--default-header-2-font-size);
margin: var(--default-header-x-margin);
}
h3,
article * h2 {
font-size: 1.25rem;
margin: 1.25rem 0 0.75rem 0;
font-size: var(--default-header-3-font-size);
margin: var(--default-header-x-margin);
}
h4,
article * h3 {
font-size: 1.15rem;
margin: 1.25rem 0 0.75rem 0;
font-size: var(--default-header-4-font-size);
margin: var(--default-header-x-margin);
}
img {