Rename font size custom properties
This commit is contained in:
parent
2ea3f59bec
commit
af13363443
|
@ -15,12 +15,12 @@ body {
|
||||||
main {
|
main {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: grid;
|
display: grid;
|
||||||
font-size: var(--sz-main-txt);
|
font-size: var(--fs-main);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
color: var(--clr-main-heading);
|
color: var(--clr-main-heading);
|
||||||
font-size: var(--sz-h1);
|
font-size: var(--fs-h1);
|
||||||
border-bottom: 0.18rem solid var(--clr-title-border);
|
border-bottom: 0.18rem solid var(--clr-title-border);
|
||||||
padding-bottom: 0.3em;
|
padding-bottom: 0.3em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
|
@ -35,11 +35,11 @@ h1, h2, h3 {
|
||||||
}
|
}
|
||||||
|
|
||||||
h2, .h2 {
|
h2, .h2 {
|
||||||
font-size: var(--sz-h2);
|
font-size: var(--fs-h2);
|
||||||
}
|
}
|
||||||
|
|
||||||
h3, .h3 {
|
h3, .h3 {
|
||||||
font-size: var(--sz-h3);
|
font-size: var(--fs-h3);
|
||||||
}
|
}
|
||||||
|
|
||||||
h2:has(+ *[class]:not(.heading-anchor)), .h2:has(+ *[class]),
|
h2:has(+ *[class]:not(.heading-anchor)), .h2:has(+ *[class]),
|
||||||
|
@ -48,7 +48,7 @@ h3:has(+ *[class]:not(.heading-anchor)), .h3:has(+ *[class]) {
|
||||||
}
|
}
|
||||||
|
|
||||||
h4, .h4 {
|
h4, .h4 {
|
||||||
font-size: var(--sz-h4);
|
font-size: var(--fs-h4);
|
||||||
}
|
}
|
||||||
|
|
||||||
strong {
|
strong {
|
||||||
|
|
|
@ -38,11 +38,12 @@
|
||||||
--ff-primary: 'Lexend';
|
--ff-primary: 'Lexend';
|
||||||
--ff-monospace: 'Inter One Mono';
|
--ff-monospace: 'Inter One Mono';
|
||||||
|
|
||||||
--sz-main-txt: 1.2rem;
|
--fs-main: 1.2rem;
|
||||||
--sz-h1: clamp(2rem, 1rem + 5vw, 3rem);
|
--fs-h1: clamp(2rem, 1rem + 5vw, 3rem);
|
||||||
--sz-h2: clamp(1.55rem, 1rem + 3vw, 2.15rem);
|
--fs-h2: clamp(1.55rem, 1rem + 3vw, 2.15rem);
|
||||||
--sz-h3: clamp(1.55rem, 1rem + 3vw, 1.8rem);
|
--fs-h3: clamp(1.55rem, 1rem + 3vw, 1.8rem);
|
||||||
--sz-h4: clamp(1.4rem, 1rem + 3vw, 1.6rem);
|
--fs-h4: clamp(1.4rem, 1rem + 3vw, 1.6rem);
|
||||||
|
|
||||||
--sz-paragraph-margin: 1.15em;
|
--sz-paragraph-margin: 1.15em;
|
||||||
--sz-main-padding: clamp(1rem, 5%, 4rem);
|
--sz-main-padding: clamp(1rem, 5%, 4rem);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue