Add default CSS header variables
This commit is contained in:
@@ -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 {
|
||||||
|
Reference in New Issue
Block a user