Skip to content

Commit d64ced9

Browse files
minimaluminiumminimaluminium
committed
Bug fixes
1 parent 57fcc2c commit d64ced9

File tree

7 files changed

+94
-62
lines changed

7 files changed

+94
-62
lines changed

‎assets/built/screen.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/built/screen.css.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/screen.css

+68-46
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,7 @@ production stylesheet in assets/built/screen.css
6363
--color-border: rgb(0 0 0 / 0.08);
6464
--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
6565
--font-serif: "EB Garamond", Georgia, Times, serif;
66+
--font-serif-alt: Georgia, Times, serif;
6667
--font-slab: "Roboto Slab", Georgia, Times, serif;
6768
--font-mono: Menlo, Courier, monospace;
6869
--container-width: 1320px;
@@ -303,8 +304,7 @@ a:hover {
303304

304305
.gh-navigation-logo {
305306
position: relative;
306-
font-size: 2.6rem;
307-
font-weight: 750;
307+
font-size: calc(2.6rem * var(--factor, 1));
308308
letter-spacing: -0.015em;
309309
white-space: nowrap;
310310
}
@@ -778,8 +778,7 @@ Search LOGO Login Subscribe
778778
}
779779

780780
.gh-card-title {
781-
font-size: 2.1rem;
782-
font-weight: 800;
781+
font-size: calc(2.1rem * var(--factor, 1));
783782
letter-spacing: -0.014em;
784783
}
785784

@@ -1025,7 +1024,8 @@ Search LOGO Login Subscribe
10251024

10261025
.gh-header.is-classic {
10271026
display: flex;
1028-
min-height: calc(100vh - 100px - 240px);
1027+
margin-top: 0;
1028+
padding-block: 160px;
10291029
}
10301030

10311031
.gh-header.is-classic .gh-header-inner {
@@ -1039,8 +1039,7 @@ Search LOGO Login Subscribe
10391039
}
10401040

10411041
.gh-header.is-classic .gh-header-title {
1042-
font-size: clamp(3.2rem, 3.18vw + 1.93rem, 6rem);
1043-
font-weight: 750;
1042+
font-size: calc(clamp(3.2rem, 3.18vw + 1.93rem, 6rem) * var(--factor, 1));
10441043
line-height: 1.1;
10451044
letter-spacing: -0.022em;
10461045
}
@@ -1212,10 +1211,6 @@ Search LOGO Login Subscribe
12121211
font-weight: 600;
12131212
}
12141213

1215-
.gh-header.is-classic ~ .gh-cta {
1216-
display: none;
1217-
}
1218-
12191214
/* 10. Featured posts
12201215
/* ---------------------------------------------------------- */
12211216

@@ -1300,11 +1295,15 @@ Search LOGO Login Subscribe
13001295
margin-top: 100px;
13011296
}
13021297

1298+
.gh-header.is-classic:not(.has-image) ~ .gh-container {
1299+
margin-top: 0;
1300+
}
1301+
13031302
.gh-more {
13041303
display: none;
13051304
grid-column: 1 / -1;
13061305
margin-top: 48px;
1307-
font-size: 2.4rem;
1306+
font-size: calc(2.4rem * var(--factor, 1));
13081307
font-weight: 750;
13091308
letter-spacing: -0.019em;
13101309
}
@@ -1340,7 +1339,7 @@ Search LOGO Login Subscribe
13401339

13411340
/* 11.2. Without sidebar */
13421341

1343-
.gh-container:not(.has-sidebar) .gh-main {
1342+
.gh-container:not(.has-sidebar) :is(.gh-container-title, .gh-main, .gh-more) {
13441343
grid-column: 3 / span 12;
13451344
}
13461345

@@ -1358,6 +1357,10 @@ Search LOGO Login Subscribe
13581357
border-bottom: 1px solid var(--color-border);
13591358
}
13601359

1360+
.gh-container-title:has(+ .gh-main:not(:has(.gh-card))) {
1361+
display: none;
1362+
}
1363+
13611364
.gh-container .gh-feed {
13621365
gap: var(--grid-gap);
13631366
}
@@ -1466,8 +1469,7 @@ Search LOGO Login Subscribe
14661469
}
14671470

14681471
.gh-about-title {
1469-
font-size: 2.4rem;
1470-
font-weight: 800;
1472+
font-size: calc(2.4rem * var(--factor, 1));
14711473
letter-spacing: -0.019em;
14721474
}
14731475

@@ -1493,7 +1495,7 @@ Search LOGO Login Subscribe
14931495
}
14941496

14951497
.gh-article-header {
1496-
margin: 40px 0;
1498+
margin: 72px 0 40px;
14971499
}
14981500

14991501
.gh-article-tag {
@@ -1506,8 +1508,7 @@ Search LOGO Login Subscribe
15061508
}
15071509

15081510
.gh-article-title {
1509-
font-size: clamp(3.2rem, 1.59vw + 2.56rem, 4.6rem);
1510-
font-weight: 750;
1511+
font-size: calc(clamp(3.2rem, 1.59vw + 2.56rem, 4.6rem) * var(--factor, 1));
15111512
line-height: 1.05;
15121513
letter-spacing: -0.022em;
15131514
}
@@ -1813,6 +1814,10 @@ unless a heading is the very first element in the post content */
18131814
font-family: var(--font-serif);
18141815
}
18151816

1817+
.has-slab-title .kg-toggle-card .kg-toggle-heading-text {
1818+
font-family: var(--font-slab);
1819+
}
1820+
18161821
/* Callout */
18171822

18181823
.kg-callout-card.kg-card {
@@ -1848,6 +1853,10 @@ blockquote.kg-blockquote-alt {
18481853
font-family: var(--font-serif);
18491854
}
18501855

1856+
.has-slab-title .kg-card.kg-header-card h2.kg-header-card-header {
1857+
font-family: var(--font-slab);
1858+
}
1859+
18511860
.has-serif-body .kg-header-card h3.kg-header-card-subheader {
18521861
font-family: var(--font-serif);
18531862
}
@@ -1858,6 +1867,10 @@ blockquote.kg-blockquote-alt {
18581867
border-radius: 0.25em !important;
18591868
}
18601869

1870+
.kg-bookmark-card .kg-bookmark-container:hover {
1871+
opacity: 1;
1872+
}
1873+
18611874
.kg-bookmark-card .kg-bookmark-content {
18621875
padding: 1.15em;
18631876
}
@@ -1891,12 +1904,18 @@ blockquote.kg-blockquote-alt {
18911904
margin-top: 12px;
18921905
}
18931906

1894-
.is-font-serif .kg-product-card.kg-card .kg-product-card-title,
1895-
.is-font-serif .kg-product-card.kg-card .kg-product-card-description :is(p, ul, ol),
1896-
.is-font-serif .kg-product-card.kg-card .kg-product-card-button {
1907+
.has-serif-title .kg-product-card.kg-card .kg-product-card-title {
18971908
font-family: var(--font-serif);
18981909
}
18991910

1911+
.has-slab-title .kg-product-card.kg-card .kg-product-card-title {
1912+
font-family: var(--font-slab);
1913+
}
1914+
1915+
.has-serif-body .kg-product-card-description :is(p, ul, ol) {
1916+
font-family: var(--font-serif-alt);
1917+
}
1918+
19001919
/* File */
19011920

19021921
.kg-file-card.kg-card .kg-file-card-container {
@@ -1920,7 +1939,7 @@ blockquote.kg-blockquote-alt {
19201939

19211940
figcaption {
19221941
margin-top: 12px;
1923-
font-size: calc(1.4rem * var(--font-multiplier, 1));
1942+
font-size: 1.4rem;
19241943
text-align: center;
19251944
}
19261945

@@ -2039,60 +2058,60 @@ figcaption a {
20392058

20402059
/* 20.1. Typography */
20412060

2061+
.has-serif-title {
2062+
--factor: 1.15;
2063+
}
2064+
2065+
.has-slab-title {
2066+
--factor: 1.1;
2067+
}
2068+
20422069
.has-sans-title .is-title {
20432070
font-family: var(--font-sans);
2071+
font-weight: 800;
20442072
}
20452073

20462074
.has-serif-title .is-title {
20472075
font-family: var(--font-serif);
2076+
font-weight: 600;
20482077
}
20492078

20502079
.has-slab-title .is-title {
20512080
font-family: var(--font-slab);
2081+
font-weight: 650;
20522082
}
20532083

20542084
.has-sans-body .is-body {
20552085
font-family: var(--font-sans);
20562086
}
20572087

20582088
.has-serif-body .is-body {
2059-
font-family: Georgia;
2060-
}
2061-
2062-
.has-serif-title :is(.gh-navigation-logo, .gh-footer-logo) {
2063-
font-size: 2.8rem;
2064-
font-weight: 600;
2089+
font-family: var(--font-serif-alt);
20652090
}
20662091

20672092
.has-serif-title .gh-header.is-classic .gh-header-title {
20682093
font-weight: 550;
20692094
letter-spacing: -0.015em;
20702095
}
20712096

2097+
.has-serif-title .gh-header.is-classic .gh-header-form {
2098+
border-radius: 0;
2099+
}
2100+
20722101
.has-serif-title .gh-card-title {
2073-
font-size: 2.3rem;
2074-
font-weight: 600;
20752102
line-height: 1.1;
20762103
letter-spacing: -0.006em;
20772104
}
20782105

2079-
.has-serif-title .gh-featured-feed .gh-card-title {
2080-
font-size: 2.1rem;
2081-
}
2082-
20832106
.has-serif-title .gh-about-title {
2084-
font-size: 2.6rem;
2085-
font-weight: 600;
20862107
letter-spacing: -0.009em;
20872108
}
20882109

20892110
.has-serif-title .gh-footer-signup-header {
2090-
font-weight: 550;
20912111
letter-spacing: -0.019em;
20922112
}
20932113

20942114
.has-serif-title .gh-article-title {
2095-
font-weight: 600;
20962115
letter-spacing: -0.019em;
20972116
}
20982117

@@ -2123,12 +2142,12 @@ figcaption a {
21232142
letter-spacing: 0;
21242143
}
21252144

2126-
.has-slab-title :is(.gh-button, .gh-header-form) {
2127-
border-radius: 8px;
2145+
.has-serif-title :is(.gh-button, .gh-header.is-classic .gh-header-form) {
2146+
border-radius: 0;
21282147
}
21292148

2130-
.has-serif-title :is(.gh-button, .gh-header-form) {
2131-
border-radius: 0;
2149+
.has-slab-title :is(.gh-button, .gh-header.is-classic .gh-header-form) {
2150+
border-radius: 8px;
21322151
}
21332152

21342153
/* 20.2. Colors */
@@ -2141,7 +2160,7 @@ figcaption a {
21412160
/* ---------------------------------------------------------- */
21422161

21432162
.gh-footer {
2144-
margin-top: 120px;
2163+
margin-top: 160px;
21452164
font-size: 1.6rem;
21462165
color: var(--color-darker-gray);
21472166
}
@@ -2188,12 +2207,15 @@ figcaption a {
21882207

21892208
.gh-footer-logo {
21902209
position: relative;
2191-
font-size: 2.6rem;
2192-
font-weight: 750;
2210+
font-size: calc(2.6rem * var(--factor, 1));
21932211
letter-spacing: -0.015em;
21942212
white-space: nowrap;
21952213
}
21962214

2215+
.gh-footer-logo img {
2216+
max-height: 40px;
2217+
}
2218+
21972219
.gh-footer-menu .nav {
21982220
display: flex;
21992221
gap: 28px;
@@ -2220,7 +2242,7 @@ figcaption a {
22202242
}
22212243

22222244
.gh-footer-signup-header {
2223-
font-size: clamp(3.2rem, 2.5vw + 2.2rem, 5.4rem);
2245+
font-size: calc(clamp(3.2rem, 2.5vw + 2.2rem, 5.4rem) * var(--factor, 1));
22242246
font-weight: 750;
22252247
letter-spacing: -0.03em;
22262248
}

‎home.hbs

+7-1
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,12 @@
77
{{> "components/featured" showFeatured=@custom.show_featured limit=4}}
88
{{/match}}
99

10-
{{> "components/cta"}}
10+
{{#match @custom.header_style "!=" "Landing"}}
11+
{{#match @custom.header_style "!=" "Search"}}
12+
{{#match @custom.header_style "!=" "Off"}}
13+
{{> "components/cta"}}
14+
{{/match}}
15+
{{/match}}
16+
{{/match}}
1117

1218
{{> "components/post-list" postListStyle=@custom.post_list_style}}

‎page.hbs

+9-7
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,15 @@
66
<main class="gh-main">
77
<article class="gh-article {{post_class}}">
88

9-
<header class="gh-article-header gh-canvas">
10-
<h1 class="gh-article-title is-title">{{title}}</h1>
11-
{{#if custom_excerpt}}
12-
<p class="gh-article-excerpt is-body">{{custom_excerpt}}</p>
13-
{{/if}}
14-
{{> "feature-image"}}
15-
</header>
9+
{{#match @page.show_title_and_feature_image}}
10+
<header class="gh-article-header gh-canvas">
11+
<h1 class="gh-article-title is-title">{{title}}</h1>
12+
{{#if custom_excerpt}}
13+
<p class="gh-article-excerpt is-body">{{custom_excerpt}}</p>
14+
{{/if}}
15+
{{> "feature-image"}}
16+
</header>
17+
{{/match}}
1618

1719
<section class="gh-content gh-canvas is-body">
1820
{{content}}

‎partials/components/header.hbs

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{{#match headerStyle "!=" "Off"}}
2-
<section class="gh-header is-{{#match headerStyle "Magazine"}}magazine{{else match headerStyle "Highlight"}}highlight{{else}}classic{{/match}}{{#if @custom.use_publication_cover_as_background}} has-image{{/if}} gh-outer">
2+
<section class="gh-header is-{{#match headerStyle "Magazine"}}magazine{{else match headerStyle "Highlight"}}highlight{{else}}classic{{/match}}{{#if @custom.use_publication_cover_as_background}}{{#if @site.cover_image}} has-image{{/if}}{{/if}} gh-outer">
33

44
{{!-- Background image --}}
55
{{#if @custom.use_publication_cover_as_background}}
@@ -55,7 +55,7 @@
5555

5656
{{!-- Landing layout --}}
5757
{{#match headerStyle "Landing"}}
58-
<h1 class="gh-header-title is-title">Founded by Australian journalist Claire Lehmann, Quillette publishes high quality long reads on diverse topics, daily.</h1>
58+
<h1 class="gh-header-title is-title">{{@site.description}}</h1>
5959
<form class="gh-header-form">
6060
<input class="gh-header-input" type="email" placeholder="[email protected]">
6161
<button class="gh-button" type="submit">Subscribe</button>
@@ -64,7 +64,7 @@
6464

6565
{{!-- Search layout --}}
6666
{{#match headerStyle "Search"}}
67-
<h1 class="gh-header-title is-title">Founded by Australian journalist Claire Lehmann, Quillette publishes high quality long reads on diverse topics, daily.</h1>
67+
<h1 class="gh-header-title is-title">{{@site.description}}</h1>
6868
<form class="gh-header-form">
6969
{{> "icons/search"}}
7070
<button class="gh-header-input" data-ghost-search>Search posts, tags and authors</button>

‎partials/components/post-list.hbs

+5-3
Original file line numberDiff line numberDiff line change
@@ -40,9 +40,11 @@
4040
</aside>
4141
{{/if}}
4242

43-
<div class="gh-more is-title">
44-
<a href="/page/2">See all →</a>
45-
</div>
43+
{{#match pagination.pages ">" 1}}
44+
<div class="gh-more is-title">
45+
<a href="/page/2">See all →</a>
46+
</div>
47+
{{/match}}
4648

4749
</div>
4850
</section>

0 commit comments

Comments
 (0)