refactor: make main heading size changeable via CSS var (#5377)

This commit is contained in:
Alexey Pyltsyn 2021-08-19 18:25:34 +03:00 committed by GitHub
parent bcb883055e
commit 974644d16b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 6 additions and 11 deletions

View file

@ -39,7 +39,7 @@
"copy-text-to-clipboard": "^3.0.1",
"fs-extra": "^10.0.0",
"globby": "^11.0.2",
"infima": "0.2.0-alpha.30",
"infima": "0.2.0-alpha.31",
"lodash": "^4.17.20",
"parse-numeric-range": "^1.2.0",
"postcss": "^8.2.15",

View file

@ -24,7 +24,7 @@ export const MainHeading: HeadingComponent = function MainHeading({...props}) {
<h1
{...props}
id={undefined} // h1 headings do not need an id because they don't appear in the TOC
className={styles.h1Heading}>
>
{props.children}
</h1>
</header>

View file

@ -8,8 +8,3 @@
.enhancedAnchor {
top: calc(var(--ifm-navbar-height) * -1 - 0.5rem);
}
.h1Heading {
font-size: 3rem;
margin-bottom: calc(var(--ifm-leading-desktop) * var(--ifm-leading));
}