Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added custom fonts support #362

Merged
merged 12 commits into from
Nov 14, 2024
Merged

Added custom fonts support #362

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
1e3a56d
Added custom fonts support
minimaluminium Oct 22, 2024
1f77f2b
[Ease] Fixed cover description font
minimaluminium Oct 23, 2024
0e23fd4
[Edition] Fixed cover description font
minimaluminium Oct 23, 2024
b947cdf
[Ease] Fixed post list item title font
minimaluminium Oct 23, 2024
dd7ef1c
[Dope] Added members-only inidicator to posts, fixed author spacing
minimaluminium Oct 23, 2024
8d88307
[Solo] Updated body text font weight
minimaluminium Oct 23, 2024
aa3bb3c
[Taste] Fixed title font weight
minimaluminium Oct 23, 2024
022f6ed
Theme settings shouldn't do anything when custom fonts are selected
minimaluminium Nov 5, 2024
1449714
Isolated the rest of the themes
minimaluminium Nov 6, 2024
9b11388
Heading font for the logo text
minimaluminium Nov 6, 2024
83b02d3
Merged main
minimaluminium Nov 14, 2024
c172f36
Rebuilt assets
minimaluminium Nov 14, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions packages/_shared/assets/css/v1/components/article.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@
word-break: break-word;
}

.has-serif-title .gh-article-title {
font-family: var(--font-serif);
.has-serif-title:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .gh-article-title {
font-family: var(--gh-font-heading, var(--font-serif));
letter-spacing: -0.01em;
}

Expand All @@ -22,8 +22,8 @@
color: var(--color-secondary-text);
}

.has-serif-body .gh-article-excerpt {
font-family: var(--font-serif);
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-article-excerpt {
font-family: var(--gh-font-body, var(--font-serif));
}

.gh-article-image {
Expand Down
12 changes: 6 additions & 6 deletions packages/_shared/assets/css/v1/components/card.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,8 +53,8 @@ except for when immediately preceeded by a heading */
font-weight: 700;
}

.has-serif-title .kg-toggle-card .kg-toggle-heading-text {
font-family: var(--font-serif);
.has-serif-title:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .kg-toggle-card .kg-toggle-heading-text {
font-family: var(--gh-font-heading, var(--font-serif));
}

/* Callout
Expand Down Expand Up @@ -87,12 +87,12 @@ blockquote.kg-blockquote-alt {
/* Header
/* ---------------------------------------------------------- */

.has-serif-title .kg-card.kg-header-card h2.kg-header-card-header {
font-family: var(--font-serif);
.has-serif-title:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .kg-card.kg-header-card h2.kg-header-card-header {
font-family: var(--gh-font-heading, var(--font-serif));
}

.has-serif-body .kg-header-card h3.kg-header-card-subheader {
font-family: var(--font-serif);
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .kg-header-card h3.kg-header-card-subheader {
font-family: var(--gh-font-body, var(--font-serif));
}

/* Bookmark
Expand Down
24 changes: 12 additions & 12 deletions packages/_shared/assets/css/v1/components/content.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,8 @@ headings, text, images and lists. We deal with cards lower down. */
margin-top: calc(2em * var(--content-spacing-multiplier, 1)) !important;
}

.has-serif-title .gh-content > [id] {
font-family: var(--font-serif);
.has-serif-title:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .gh-content > [id] {
font-family: var(--gh-font-heading, var(--font-serif));
letter-spacing: -0.01em;
}

Expand Down Expand Up @@ -74,16 +74,16 @@ is the very first element in the post content */
font-size: 0.95em;
}

.has-serif-body .gh-content > blockquote,
.has-serif-body .gh-content > ol,
.has-serif-body .gh-content > ul,
.has-serif-body .gh-content > dl,
.has-serif-body .gh-content > p,
.has-serif-body .gh-content .kg-callout-text,
.has-serif-body .gh-content .kg-toggle-content > ol,
.has-serif-body .gh-content .kg-toggle-content > ul,
.has-serif-body .gh-content .kg-toggle-content > p {
font-family: var(--font-serif);
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content > blockquote,
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content > ol,
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content > ul,
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content > dl,
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content > p,
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content .kg-callout-text,
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content .kg-toggle-content > ol,
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content .kg-toggle-content > ul,
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content .kg-toggle-content > p {
font-family: var(--gh-font-body, var(--font-serif));
}

.gh-content ul,
Expand Down
8 changes: 4 additions & 4 deletions packages/_shared/assets/css/v1/components/cover.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,10 @@
height: 100%;
}

.has-serif-title .gh-cover-title {
font-family: var(--font-serif);
.has-serif-title:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .gh-cover-title {
font-family: var(--gh-font-heading, var(--font-serif));
}

.has-serif-body .gh-cover-description {
font-family: var(--font-serif);
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-cover-description {
font-family: var(--gh-font-body, var(--font-serif));
}
3 changes: 2 additions & 1 deletion packages/_shared/assets/css/v1/components/global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ html {
}

body {
font-family: var(--font-sans);
font-family: var(--gh-font-body, var(--font-sans));
font-size: 1.6rem;
line-height: 1.6;
color: var(--color-primary-text);
Expand Down Expand Up @@ -31,6 +31,7 @@ h3,
h4,
h5,
h6 {
font-family: var(--gh-font-heading, var(--font-sans));
line-height: 1.15;
color: var(--color-darker-gray);
letter-spacing: -0.02em;
Expand Down
1 change: 1 addition & 0 deletions packages/_shared/assets/css/v1/components/header.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@

.gh-head-logo {
position: relative;
font-family: var(--gh-font-heading, var(--font-sans));
font-size: 2.4rem;
font-weight: 700;
letter-spacing: -0.02em;
Expand Down
8 changes: 4 additions & 4 deletions packages/_shared/assets/css/v1/components/loop.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
.has-serif-title .gh-card-title {
font-family: var(--font-serif);
.has-serif-title:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .gh-card-title {
font-family: var(--gh-font-heading, var(--font-serif));
letter-spacing: -0.01em;
}

.has-serif-body .gh-card-excerpt {
font-family: var(--font-serif);
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-card-excerpt {
font-family: var(--gh-font-body, var(--font-serif));
}
4 changes: 2 additions & 2 deletions packages/_shared/assets/css/v2/components/cta.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,8 @@
font-size: calc(clamp(2.4rem, 1.36vw + 1.85rem, 3.6rem) * var(--font-multiplier, 1));
}

.is-font-serif .gh-cta-title {
font-family: var(--font-serif);
.is-font-serif:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .gh-cta-title {
font-family: var(--gh-font-heading, var(--font-serif));
}

.gh-cta-input {
Expand Down
4 changes: 2 additions & 2 deletions packages/_shared/assets/css/v2/components/footer.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@
text-align: center;
}

.is-font-serif .gh-foot {
font-family: var(--font-serif);
.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-foot {
font-family: var(--gh-font-body, var(--font-serif));
}

.gh-foot-inner {
Expand Down
4 changes: 2 additions & 2 deletions packages/_shared/assets/css/v2/components/header.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,8 @@
line-height: 1.2;
}

.is-font-serif .gh-header-primary {
font-family: var(--font-serif);
.is-font-serif:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .gh-header-primary {
font-family: var(--gh-font-heading, var(--font-serif));
line-height: 1.1;
}

Expand Down
8 changes: 4 additions & 4 deletions packages/_shared/assets/css/v2/components/list.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,8 @@
font-size: calc(2.7rem * var(--font-multiplier, 1));
}

.is-font-serif .gh-list-title {
font-family: var(--font-serif);
.is-font-serif:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .gh-list-title {
font-family: var(--gh-font-heading, var(--font-serif));
}

.gh-list-item-inner {
Expand All @@ -41,8 +41,8 @@
word-break: break-word;
}

.is-font-serif .gh-list-item-title {
font-family: var(--font-serif);
.is-font-serif:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .gh-list-item-title {
font-family: var(--gh-font-heading, var(--font-serif));
}

.gh-list-item-excerpt {
Expand Down
5 changes: 3 additions & 2 deletions packages/_shared/assets/css/v2/components/navbar.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@
height: 100px;
}

.is-font-serif .gh-head {
font-family: var(--font-serif);
.is-font-serif:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .gh-head {
font-family: var(--gh-font-heading, var(--font-serif));
}

.gh-head-inner {
Expand All @@ -26,6 +26,7 @@

.gh-head-logo {
position: relative;
font-family: var(--gh-font-heading, var(--font-sans));
font-size: calc(2.6rem * var(--font-multiplier, 1));
font-weight: 700;
letter-spacing: -0.02em;
Expand Down
8 changes: 4 additions & 4 deletions packages/_shared/assets/css/v2/general/archive.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,16 +19,16 @@
font-size: calc(3.6rem * var(--font-multiplier, 1));
}

.is-font-serif .gh-archive-title {
font-family: var(--font-serif);
.is-font-serif:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .gh-archive-title {
font-family: var(--gh-font-heading, var(--font-serif));
}

.gh-archive-description {
font-size: calc(1.7rem * var(--font-multiplier, 1));
}

.is-font-serif .gh-archive-description {
font-family: var(--font-serif);
.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-archive-description {
font-family: var(--gh-font-body, var(--font-serif));
}

.author-template .gh-archive-image {
Expand Down
8 changes: 4 additions & 4 deletions packages/_shared/assets/css/v2/general/article.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,17 +41,17 @@
word-break: break-word;
}

.is-font-serif .gh-article-title {
font-family: var(--font-serif);
.is-font-serif:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .gh-article-title {
font-family: var(--gh-font-heading, var(--font-serif));
}

.gh-article-excerpt {
margin-top: 24px;
font-size: calc(1.8rem * var(--font-multiplier, 1));
}

.is-font-serif .gh-article-excerpt {
font-family: var(--font-serif);
.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-article-excerpt {
font-family: var(--gh-font-body, var(--font-serif));
}

.gh-article-image {
Expand Down
23 changes: 13 additions & 10 deletions packages/_shared/assets/css/v2/general/card.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,8 +61,8 @@ except for when immediately preceeded by a heading */
font-weight: 700;
}

.has-serif-title .kg-toggle-card .kg-toggle-heading-text {
font-family: var(--font-serif);
.has-serif-title:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .kg-toggle-card .kg-toggle-heading-text {
font-family: var(--gh-font-heading, var(--font-serif));
}

/* Callout
Expand Down Expand Up @@ -100,12 +100,12 @@ blockquote.kg-blockquote-alt {
/* Header
/* ---------------------------------------------------------- */

.has-serif-title .kg-card.kg-header-card h2.kg-header-card-header {
font-family: var(--font-serif);
.has-serif-title:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .kg-card.kg-header-card h2.kg-header-card-header {
font-family: var(--gh-font-heading, var(--font-serif));
}

.has-serif-body .kg-header-card h3.kg-header-card-subheader {
font-family: var(--font-serif);
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .kg-header-card h3.kg-header-card-subheader {
font-family: var(--gh-font-body, var(--font-serif));
}

/* Bookmark
Expand Down Expand Up @@ -160,10 +160,13 @@ blockquote.kg-blockquote-alt {
margin-top: 12px;
}

.is-font-serif .kg-product-card.kg-card .kg-product-card-title,
.is-font-serif .kg-product-card.kg-card .kg-product-card-description :is(p, ul, ol),
.is-font-serif .kg-product-card.kg-card .kg-product-card-button {
font-family: var(--font-serif);
.is-font-serif:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .kg-product-card.kg-card .kg-product-card-title {
font-family: var(--gh-font-heading, var(--font-serif));
}

.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .kg-product-card.kg-card .kg-product-card-description :is(p, ul, ol),
.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .kg-product-card.kg-card .kg-product-card-button {
font-family: var(--gh-font-body, var(--font-serif));
}

/* File
Expand Down
24 changes: 12 additions & 12 deletions packages/_shared/assets/css/v2/general/content.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,8 @@ headings, text, images and lists. We deal with cards lower down. */
margin-top: calc(2em * var(--content-spacing-multiplier, 1)) !important;
}

.is-font-serif .gh-content > [id] {
font-family: var(--font-serif);
.is-font-serif:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .gh-content > [id] {
font-family: var(--gh-font-heading, var(--font-serif));
letter-spacing: -0.01em;
}

Expand Down Expand Up @@ -78,16 +78,16 @@ is the very first element in the post content */
font-size: 0.95em;
}

.is-font-serif .gh-content > blockquote,
.is-font-serif .gh-content > ol,
.is-font-serif .gh-content > ul,
.is-font-serif .gh-content > dl,
.is-font-serif .gh-content > p,
.is-font-serif .gh-content .kg-callout-text,
.is-font-serif .gh-content .kg-toggle-content > ol,
.is-font-serif .gh-content .kg-toggle-content > ul,
.is-font-serif .gh-content .kg-toggle-content > p {
font-family: var(--font-serif);
.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content > blockquote,
.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content > ol,
.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content > ul,
.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content > dl,
.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content > p,
.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content .kg-callout-text,
.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content .kg-toggle-content > ol,
.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content .kg-toggle-content > ul,
.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-content .kg-toggle-content > p {
font-family: var(--gh-font-body, var(--font-serif));
}

.gh-content ul,
Expand Down
3 changes: 2 additions & 1 deletion packages/_shared/assets/css/v2/general/global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ html {
}

body {
font-family: var(--font-sans);
font-family: var(--gh-font-body, var(--font-sans));
font-size: 1.6rem;
line-height: 1.6;
color: var(--color-primary-text);
Expand All @@ -54,6 +54,7 @@ a:hover {
}

:is(h1, h2, h3, h4, h5, h6) {
font-family: var(--gh-font-heading, var(--font-sans));
line-height: 1.2;
color: var(--color-darker-gray);
letter-spacing: -0.01em;
Expand Down
2 changes: 1 addition & 1 deletion packages/alto/assets/built/screen.css
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion packages/alto/assets/built/screen.css.map
View file
Open in desktop

Large diffs are not rendered by default.

8 changes: 4 additions & 4 deletions packages/alto/assets/css/blog/post.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,8 +42,8 @@
word-break: break-word;
}

.has-serif-title :where(.post-feed, .single-post) .post-title {
font-family: var(--font-serif);
.has-serif-title:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) :where(.post-feed, .single-post) .post-title {
font-family: var(--gh-font-heading, var(--font-serif));
}

.post-meta {
Expand All @@ -69,8 +69,8 @@
word-break: break-word;
}

.has-serif-body .post-excerpt {
font-family: var(--font-serif);
.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .post-excerpt {
font-family: var(--gh-font-body, var(--font-serif));
}

@media (max-width: 767px) {
Expand Down
2 changes: 1 addition & 1 deletion packages/bulletin/assets/built/screen.css
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion packages/bulletin/assets/built/screen.css.map
View file
Open in desktop

Large diffs are not rendered by default.

Loading