Typography

This commit is contained in:
Sodbileg Gansukh
2023-07-10 16:13:01 +08:00
parent 259d1e49dd
commit e29085e389
8 changed files with 48 additions and 11 deletions

View File

@@ -11,8 +11,9 @@
--color-primary-text: var(--color-darker-gray);
--color-secondary-text: rgba(0, 0, 0, 0.4);
--color-border: rgba(0, 0, 0, 0.08);
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
--font-serif: Georgia, Times, serif;
--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
--font-serif: EB Garamond, Georgia, Times, serif;
--font-slab: Roboto Slab;
--font-mono: Menlo, Courier, monospace;
--container-gap: clamp(24px, 1.7032rem + 1.9355vw, 48px);
--grid-gap: 40px;
@@ -152,6 +153,28 @@ a:hover {
width: 100%;
}
/* Typography */
.has-sans-title [data-title] {
font-family: var(--font-sans);
}
.has-serif-title [data-title] {
font-family: var(--font-serif);
}
.has-slab-title [data-title] {
font-family: var(--font-slab);
}
.has-sans-body [data-body] {
font-family: var(--font-sans);
}
.has-serif-body [data-body] {
font-family: Georgia;
}
/* 5. Navigation */
.gh-navigation {