Skip to content

Commit 3a06494

Browse files
NichtsHsuNichtsHsu
committedSep 7, 2023
2 parents d73bd4d + 41b8f9f commit 3a06494

22 files changed

+570
-469
lines changed
 

‎.github/ISSUE_TEMPLATE/config.yml

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
blank_issues_enabled: false
2+
contact_links:
3+
- name: Ask the community for help
4+
url: https://github.com/cotes2020/jekyll-theme-chirpy/discussions
5+
about: Please ask and answer questions here.

‎.github/workflows/ci.yml

+1
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ on:
88
- ".github/**"
99
- "!.github/workflows/ci.yml"
1010
- ".gitignore"
11+
- "docs/**"
1112
- "README.md"
1213
- "LICENSE"
1314
pull_request:

‎_config.yml

+1-1
Original file line numberDiff line numberDiff line change
@@ -211,12 +211,12 @@ compress_html:
211211
exclude:
212212
- "*.gem"
213213
- "*.gemspec"
214+
- docs
214215
- tools
215216
- README.md
216217
- CHANGELOG.md
217218
- LICENSE
218219
- rollup.config.js
219-
- node_modules
220220
- package*.json
221221

222222
jekyll-archives:

‎_includes/footer.html

+29-28
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,35 @@
11
<!-- The Footer -->
22

3-
<footer>
4-
<div class="container px-lg-4">
5-
<div class="d-flex justify-content-center align-items-center text-muted mx-md-3">
6-
<p>
7-
{%- capture _platform -%}
8-
<a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>
9-
{%- endcapture -%}
3+
<footer
4+
class="
5+
d-flex flex-column justify-content-center text-muted
6+
flex-lg-row justify-content-lg-between align-items-lg-center pb-lg-3
7+
"
8+
>
9+
<p>
10+
{{ '©' }}
11+
{{ 'now' | date: '%Y' }}
12+
<a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>.
13+
{% if site.data.locales[include.lang].copyright.brief %}
14+
<span
15+
data-bs-toggle="tooltip"
16+
data-bs-placement="top"
17+
title="{{ site.data.locales[include.lang].copyright.verbose }}"
18+
>
19+
{{- site.data.locales[include.lang].copyright.brief -}}
20+
</span>
21+
{% endif %}
22+
</p>
1023

11-
{%- capture _theme -%}
12-
<a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a>
13-
{%- endcapture -%}
24+
<p>
25+
{%- capture _platform -%}
26+
<a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>
27+
{%- endcapture -%}
1428

15-
{{ site.data.locales[include.lang].meta | replace: ':PLATFORM', _platform | replace: ':THEME', _theme }}
16-
</p>
29+
{%- capture _theme -%}
30+
<a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a>
31+
{%- endcapture -%}
1732

18-
<p>
19-
{{- '©' }}
20-
{{ 'now' | date: '%Y' }}
21-
<a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>.
22-
{% if site.data.locales[include.lang].copyright.brief %}
23-
<span
24-
data-bs-toggle="tooltip"
25-
data-bs-placement="top"
26-
title="{{ site.data.locales[include.lang].copyright.verbose }}"
27-
>
28-
{{- site.data.locales[include.lang].copyright.brief -}}
29-
</span>
30-
{% endif %}
31-
</p>
32-
</div>
33-
</div>
33+
{{ site.data.locales[include.lang].meta | replace: ':PLATFORM', _platform | replace: ':THEME', _theme }}
34+
</p>
3435
</footer>

‎_includes/post-paginator.html

+77-75
Original file line numberDiff line numberDiff line change
@@ -1,89 +1,91 @@
11
<!-- The paginator for post list on HomgPage. -->
22

3-
<ul class="pagination align-items-center mt-4 mb-1 ps-lg-2">
4-
<!-- left arrow -->
5-
{% if paginator.previous_page %}
6-
{% assign prev_url = paginator.previous_page_path | relative_url %}
7-
{% else %}
8-
{% assign prev_url = '#' %}
9-
{% endif %}
3+
<nav aria-label="Page Navigation">
4+
<ul class="pagination align-items-center mt-4 mb-0">
5+
<!-- left arrow -->
6+
{% if paginator.previous_page %}
7+
{% assign prev_url = paginator.previous_page_path | relative_url %}
8+
{% else %}
9+
{% assign prev_url = '#' %}
10+
{% endif %}
1011

11-
<li class="page-item {% unless paginator.previous_page %}disabled{% endunless %}">
12-
<a class="page-link btn-box-shadow" href="{{ prev_url }}" aria-label="previous-page">
13-
<i class="iconfont icon-angle-left"></i>
14-
</a>
15-
</li>
12+
<li class="page-item {% unless paginator.previous_page %}disabled{% endunless %}">
13+
<a class="page-link" href="{{ prev_url }}" aria-label="previous-page">
14+
<i class="iconfont icon-angle-left"></i>
15+
</a>
16+
</li>
1617

17-
<!-- page numbers -->
18-
{% assign left_ellipsis = false %}
19-
{% assign right_ellipsis = false %}
18+
<!-- page numbers -->
19+
{% assign left_ellipsis = false %}
20+
{% assign right_ellipsis = false %}
2021

21-
{% for i in (1..paginator.total_pages) %}
22-
{% assign pre = paginator.page | minus: 1 %}
23-
{% assign next = paginator.page | plus: 1 %}
24-
{% assign pre_less = pre | minus: 1 %}
25-
{% assign next_more = next | plus: 1 %}
26-
{% assign show = false %}
22+
{% for i in (1..paginator.total_pages) %}
23+
{% assign pre = paginator.page | minus: 1 %}
24+
{% assign next = paginator.page | plus: 1 %}
25+
{% assign pre_less = pre | minus: 1 %}
26+
{% assign next_more = next | plus: 1 %}
27+
{% assign show = false %}
2728

28-
{% if paginator.page == 1 %}
29-
{% if i <= 3 or i == paginator.total_pages %}
30-
{% assign show = true %}
31-
{% endif %}
32-
{% elsif paginator.page == paginator.total_pages %}
33-
{% if i == 1 or i >= pre_less %}
34-
{% assign show = true %}
29+
{% if paginator.page == 1 %}
30+
{% if i <= 3 or i == paginator.total_pages %}
31+
{% assign show = true %}
32+
{% endif %}
33+
{% elsif paginator.page == paginator.total_pages %}
34+
{% if i == 1 or i >= pre_less %}
35+
{% assign show = true %}
36+
{% endif %}
37+
{% else %}
38+
{% if i == 1 or i == paginator.total_pages %}
39+
{% assign show = true %}
40+
{% elsif i >= pre and i <= next %}
41+
{% assign show = true %}
42+
{% endif %}
3543
{% endif %}
36-
{% else %}
37-
{% if i == 1 or i == paginator.total_pages %}
38-
{% assign show = true %}
39-
{% elsif i >= pre and i <= next %}
40-
{% assign show = true %}
41-
{% endif %}
42-
{% endif %}
4344

44-
{% if show %}
45-
<!-- show number -->
46-
<li class="page-item {% if i == paginator.page %} active{% endif %}">
47-
<a
48-
class="page-link btn-box-shadow"
49-
href="{% if i > 1 %}{{ site.paginate_path | replace: ':num', i | relative_url }}{% else %}{{ '/' | relative_url }}{% endif %}"
50-
>
51-
{{- i -}}
52-
</a>
53-
</li>
54-
{% else %}
55-
<!-- hide number -->
56-
{% if i < pre and left_ellipsis == false %}
57-
<li class="page-item disabled">
58-
<span class="page-link btn-box-shadow">...</span>
59-
</li>
60-
{% assign left_ellipsis = true %}
61-
{% elsif i > next and right_ellipsis == false %}
62-
<li class="page-item disabled">
63-
<span class="page-link btn-box-shadow">...</span>
45+
{% if show %}
46+
<!-- show number -->
47+
<li class="page-item {% if i == paginator.page %} active{% endif %}">
48+
<a
49+
class="page-link"
50+
href="{% if i > 1 %}{{ site.paginate_path | replace: ':num', i | relative_url }}{% else %}{{ '/' | relative_url }}{% endif %}"
51+
>
52+
{{- i -}}
53+
</a>
6454
</li>
65-
{% assign right_ellipsis = true %}
55+
{% else %}
56+
<!-- hide number -->
57+
{% if i < pre and left_ellipsis == false %}
58+
<li class="page-item disabled">
59+
<span class="page-link">...</span>
60+
</li>
61+
{% assign left_ellipsis = true %}
62+
{% elsif i > next and right_ellipsis == false %}
63+
<li class="page-item disabled">
64+
<span class="page-link">...</span>
65+
</li>
66+
{% assign right_ellipsis = true %}
67+
{% endif %}
6668
{% endif %}
67-
{% endif %}
68-
{% endfor %}
69+
{% endfor %}
6970

70-
<!-- mobile pagination -->
71-
<li class="page-index align-middle">
72-
<span>{{ paginator.page }}</span>
73-
<span class="text-muted">/ {{ paginator.total_pages }}</span>
74-
</li>
71+
<!-- mobile pagination -->
72+
<li class="page-index align-middle">
73+
<span>{{ paginator.page }}</span>
74+
<span class="text-muted">/ {{ paginator.total_pages }}</span>
75+
</li>
7576

76-
<!-- right arrow -->
77-
{% if paginator.next_page_path %}
78-
{% assign next_url = paginator.next_page_path | relative_url %}
79-
{% else %}
80-
{% assign next_url = '#' %}
81-
{% endif %}
77+
<!-- right arrow -->
78+
{% if paginator.next_page_path %}
79+
{% assign next_url = paginator.next_page_path | relative_url %}
80+
{% else %}
81+
{% assign next_url = '#' %}
82+
{% endif %}
8283

83-
<li class="page-item {% unless paginator.next_page_path %}disabled{% endunless %}">
84-
<a class="page-link btn-box-shadow" href="{{ next_url }}" aria-label="next-page">
85-
<i class="iconfont icon-angle-right"></i>
86-
</a>
87-
</li>
88-
</ul>
84+
<li class="page-item {% unless paginator.next_page_path %}disabled{% endunless %}">
85+
<a class="page-link" href="{{ next_url }}" aria-label="next-page">
86+
<i class="iconfont icon-angle-right"></i>
87+
</a>
88+
</li>
89+
</ul>
90+
</nav>
8991
<!-- .pagination -->

‎_includes/related-posts.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@
7070

7171
{% if relate_posts.size > 0 %}
7272
<div id="related-posts" class="mb-2 mb-sm-4">
73-
<h3 class="pt-2 mb-4 ms-1" data-toc-skip>
73+
<h3 class="pt-2 mb-4" data-toc-skip>
7474
{{ site.data.locales[include.lang].post.relate_posts }}
7575
</h3>
7676
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-3 g-4 mb-4">

‎_javascript/modules/components/toc.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
export function toc() {
2-
if (document.querySelector('#core-wrapper h2,#core-wrapper h3')) {
2+
if (document.querySelector('#core-wrapper h2')) {
33
// see: https://github.com/tscanlin/tocbot#usage
44
tocbot.init({
55
tocSelector: '#toc',
66
contentSelector: '.post-content',
77
ignoreSelector: '[data-toc-skip]',
8-
headingSelector: 'h2, h3',
8+
headingSelector: 'h2, h3, h4',
99
orderedList: false,
1010
scrollSmooth: false
1111
});

‎_layouts/default.html

-2
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,6 @@
3131
</div>
3232
</div>
3333

34-
{% include_cached footer.html lang=lang %}
35-
3634
<div id="mask"></div>
3735

3836
<button id="back-to-top" aria-label="back-to-top" class="btn btn-lg btn-box-shadow">

‎_layouts/home.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040
{% endfor %}
4141
{% endif %}
4242

43-
<div id="post-list">
43+
<div id="post-list" class="pe-xl-2">
4444
{% for post in posts %}
4545
<a href="{{ post.url | relative_url }}" class="card-wrapper">
4646
<div class="card post-preview flex-md-row-reverse">

‎_layouts/page.html

+11-9
Original file line numberDiff line numberDiff line change
@@ -9,14 +9,14 @@
99
{% assign has_tail = true %}
1010
{% endif %}
1111

12-
<div class="row{% unless has_tail %} mb-5{% endunless %}">
12+
<div class="row">
1313
<!-- core -->
14-
<div id="core-wrapper" class="col-12 col-lg-11 col-xl-9 pe-xl-4">
14+
<div id="core-wrapper" class="col-12 col-lg-11 col-xl-9 px-md-4">
1515
{% capture padding %}
1616
{% unless page.layout == 'home' %}px-1{% endunless %}
1717
{% endcapture %}
1818

19-
<div class="post {{ padding | strip }} px-md-2">
19+
<div class="post {{ padding | strip }} {% unless has_tail %} flex-grow-1 mb-5{% endunless %}">
2020
{% capture _content %}
2121
{% if layout.refactor or page.layout == 'page' and page.permalink != '/404.html' %}
2222
{% include refactor-content.html content=content lang=lang %}
@@ -64,14 +64,16 @@ <h1 class="dynamic-title">
6464
</div>
6565
</div>
6666

67-
<!-- tail -->
68-
{% if has_tail %}
69-
<div class="row">
70-
<div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-3 pe-xl-4 mt-5">
67+
<div class="row">
68+
<!-- tail -->
69+
<div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-md-4{% if has_tail%} mt-5{% endif %}">
70+
{% if has_tail %}
7171
{% for _include in layout.tail_includes %}
7272
{% assign _include_path = _include | flatify | append: '.html' %}
7373
{% include {{ _include_path }} lang=lang %}
7474
{% endfor %}
75-
</div>
75+
{% endif %}
76+
77+
{% include_cached footer.html lang=lang %}
7678
</div>
77-
{% endif %}
79+
</div>

‎_sass/addon/commons.scss

+23-80
Original file line numberDiff line numberDiff line change
@@ -188,17 +188,11 @@ kbd {
188188
footer {
189189
font-size: 0.8rem;
190190
background-color: var(--main-bg);
191+
height: $footer-height;
192+
border-top: 1px solid var(--main-border-color);
191193

192194
@extend %text-color;
193195

194-
div.d-flex {
195-
height: $footer-height;
196-
line-height: 1.2rem;
197-
padding-bottom: 1rem;
198-
border-top: 1px solid var(--main-border-color);
199-
flex-wrap: wrap;
200-
}
201-
202196
a {
203197
@extend %text-highlight;
204198

@@ -208,7 +202,7 @@ footer {
208202
}
209203

210204
p {
211-
width: 100%;
205+
line-height: 1.75;
212206
text-align: center;
213207
margin-bottom: 0;
214208
}
@@ -661,7 +655,7 @@ i {
661655
}
662656

663657
.btn-box-shadow {
664-
box-shadow: 0 0 8px 0 var(--btn-box-shadow) !important;
658+
box-shadow: var(--card-shadow);
665659
}
666660

667661
/* overwrite bootstrap muted */
@@ -754,6 +748,7 @@ $btn-mb: 0.5rem;
754748
width: $sidebar-width;
755749
z-index: 99;
756750
background: var(--sidebar-bg);
751+
border-right: 1px solid var(--sidebar-border-color);
757752

758753
/* Hide scrollbar for Chrome, Safari and Opera */
759754
&::-webkit-scrollbar {
@@ -892,6 +887,7 @@ $btn-mb: 0.5rem;
892887
display: flex;
893888
align-items: center;
894889
justify-content: center;
890+
box-shadow: var(--sidebar-border-color) 0 0 0 1px;
895891

896892
&:hover {
897893
background-color: var(--sidebar-hover-bg);
@@ -925,7 +921,7 @@ $btn-mb: 0.5rem;
925921
@extend %no-cursor;
926922
@include ml-mr(calc(($btn-gap - $btn-border-width) / 2));
927923

928-
background-color: var(--sidebar-muted-color);
924+
background-color: var(--sidebar-btn-color);
929925
content: '';
930926
width: $btn-border-width;
931927
height: $btn-border-width;
@@ -1136,6 +1132,7 @@ $btn-mb: 0.5rem;
11361132

11371133
#core-wrapper {
11381134
line-height: 1.75;
1135+
min-height: calc(100vh - $topbar-height - $footer-height);
11391136

11401137
.categories,
11411138
#tags,
@@ -1163,7 +1160,6 @@ $btn-mb: 0.5rem;
11631160

11641161
#main-wrapper {
11651162
position: relative;
1166-
min-height: calc(100vh - $footer-height-mobile);
11671163

11681164
@include pl-pr(0);
11691165
}
@@ -1177,21 +1173,19 @@ $btn-mb: 0.5rem;
11771173
/* --- button back-to-top --- */
11781174

11791175
#back-to-top {
1180-
$size: 3rem;
1181-
11821176
display: none;
11831177
align-items: center;
11841178
justify-content: center;
11851179
z-index: 1;
11861180
cursor: pointer;
11871181
position: fixed;
11881182
right: 1rem;
1189-
bottom: 2rem;
1183+
bottom: calc($footer-height-large - $back2top-size / 2);
11901184
background: var(--button-bg);
11911185
color: var(--btn-backtotop-color);
11921186
padding: 0;
1193-
width: $size;
1194-
height: $size;
1187+
width: $back2top-size;
1188+
height: $back2top-size;
11951189
border-radius: 50%;
11961190
border: 1px solid var(--btn-backtotop-border-color);
11971191
transition: transform 0.2s ease-out;
@@ -1203,7 +1197,7 @@ $btn-mb: 0.5rem;
12031197
}
12041198

12051199
i {
1206-
line-height: $size;
1200+
line-height: $back2top-size;
12071201
position: relative;
12081202
bottom: 2px;
12091203
}
@@ -1269,14 +1263,12 @@ $btn-mb: 0.5rem;
12691263
*/
12701264

12711265
@media all and (max-width: 576px) {
1272-
#main-wrapper {
1273-
min-height: calc(100vh - #{$footer-height-mobile});
1274-
}
1275-
12761266
#core-wrapper {
1267+
min-height: calc(100vh - $topbar-height - $footer-height-large);
1268+
12771269
.post-content {
12781270
> blockquote[class^='prompt-'] {
1279-
@include ml-mr(-1.25rem);
1271+
@include ml-mr(-1rem);
12801272

12811273
border-radius: 0;
12821274
max-width: none;
@@ -1317,30 +1309,19 @@ $btn-mb: 0.5rem;
13171309
}
13181310
}
13191311

1320-
html,
1321-
body {
1322-
overflow-x: hidden;
1323-
}
1324-
13251312
footer {
13261313
@include slide;
13271314

1328-
height: $footer-height-mobile;
1329-
1330-
div.d-flex {
1331-
padding: 1.5rem 0;
1332-
line-height: 1.65;
1333-
flex-wrap: wrap;
1334-
}
1315+
height: $footer-height-large;
1316+
padding: 1.5rem 0;
13351317
}
13361318

13371319
[#{$sidebar-display}] {
13381320
#sidebar {
13391321
transform: translateX(0);
13401322
}
13411323

1342-
#main-wrapper,
1343-
footer {
1324+
#main-wrapper {
13441325
transform: translateX(#{$sidebar-width});
13451326
}
13461327

@@ -1361,8 +1342,7 @@ $btn-mb: 0.5rem;
13611342
}
13621343

13631344
#topbar,
1364-
#main,
1365-
footer > .container {
1345+
#main {
13661346
max-width: 100%;
13671347
}
13681348

@@ -1409,40 +1389,15 @@ $btn-mb: 0.5rem;
14091389
}
14101390
} /* max-width: 849px */
14111391

1412-
/* Phone & Pad */
1413-
@media all and (min-width: 577px) and (max-width: 1199px) {
1414-
footer .d-flex > div {
1415-
width: 312px;
1416-
}
1417-
}
1418-
14191392
/* Sidebar is visible */
14201393
@media all and (min-width: 850px) {
14211394
/* Solved jumping scrollbar */
14221395
html {
14231396
overflow-y: scroll;
14241397
}
14251398

1426-
#main-wrapper,
1427-
footer {
1428-
margin-left: $sidebar-width;
1429-
}
1430-
14311399
#main-wrapper {
1432-
min-height: calc(100vh - $footer-height);
1433-
}
1434-
1435-
footer {
1436-
p {
1437-
width: auto;
1438-
&:last-child {
1439-
&::before {
1440-
content: '-';
1441-
margin: 0 0.75rem;
1442-
opacity: 0.8;
1443-
}
1444-
}
1445-
}
1400+
margin-left: $sidebar-width;
14461401
}
14471402

14481403
#sidebar {
@@ -1472,8 +1427,8 @@ $btn-mb: 0.5rem;
14721427

14731428
/* button 'back-to-Top' position */
14741429
#back-to-top {
1475-
bottom: 5.5rem;
14761430
right: 5%;
1431+
bottom: calc($footer-height - $back2top-size / 2);
14771432
}
14781433

14791434
#topbar-title {
@@ -1518,10 +1473,6 @@ $btn-mb: 0.5rem;
15181473
/* --- desktop mode, both sidebar and panel are visible --- */
15191474

15201475
@media all and (min-width: 1200px) {
1521-
#back-to-top {
1522-
bottom: 6.5rem;
1523-
}
1524-
15251476
#search-wrapper {
15261477
margin-right: 4rem;
15271478
}
@@ -1550,12 +1501,6 @@ $btn-mb: 0.5rem;
15501501
.post-content {
15511502
font-size: 1.03rem;
15521503
}
1553-
1554-
footer {
1555-
div.d-felx {
1556-
width: 85%;
1557-
}
1558-
}
15591504
}
15601505

15611506
@media all and (min-width: 1400px) {
@@ -1567,8 +1512,7 @@ $btn-mb: 0.5rem;
15671512
@media all and (min-width: 1650px) {
15681513
$icon-gap: 1rem;
15691514

1570-
#main-wrapper,
1571-
footer {
1515+
#main-wrapper {
15721516
margin-left: $sidebar-width-large;
15731517
}
15741518

@@ -1582,8 +1526,7 @@ $btn-mb: 0.5rem;
15821526
);
15831527
}
15841528

1585-
#main,
1586-
footer > .container {
1529+
#main {
15871530
max-width: $main-content-max-width;
15881531
padding-left: 1.75rem !important;
15891532
padding-right: 1.75rem !important;

‎_sass/addon/syntax.scss

+49-30
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
* The syntax highlight.
33
*/
44

5-
@import 'colors/light-syntax';
6-
@import 'colors/dark-syntax';
5+
@import 'colors/syntax-light';
6+
@import 'colors/syntax-dark';
77

88
html {
99
@media (prefers-color-scheme: light) {
@@ -62,8 +62,7 @@ html {
6262
}
6363

6464
overflow: auto;
65-
padding-top: 0.5rem;
66-
padding-bottom: 1rem;
65+
padding-bottom: 0.75rem;
6766

6867
pre {
6968
font-family: "Fira Code", "Microsoft Yahei", monospace;
@@ -72,21 +71,28 @@ html {
7271
font-size: $code-font-size;
7372
line-height: 1.4rem;
7473
word-wrap: normal; /* Fixed Safari overflow-x */
75-
color: var(--code-snippets-color);
7674
}
7775

7876
table {
79-
td pre {
80-
font-family: "Fira Code", "Microsoft Yahei", monospace;
81-
font-variant-ligatures: normal;
82-
overflow: visible; /* Fixed iOS safari overflow-x */
83-
word-break: normal; /* Fixed iOS safari linenos code break */
77+
td {
78+
&:first-child {
79+
display: inline-block;
80+
margin-left: 1rem;
81+
margin-right: 0.75rem;
82+
}
83+
84+
&:last-child {
85+
padding-right: 2rem !important;
86+
}
87+
88+
pre {
89+
overflow: visible; /* Fixed iOS safari overflow-x */
90+
word-break: normal; /* Fixed iOS safari linenos code break */
91+
}
8492
}
8593
}
8694

8795
.lineno {
88-
padding-right: 0.5rem;
89-
min-width: 2.2rem;
9096
text-align: right;
9197
color: var(--highlight-lineno-color);
9298
-webkit-user-select: none;
@@ -103,6 +109,7 @@ code {
103109
hyphens: none;
104110
font-family: "Fira Code", "Microsoft Yahei", monospace;
105111
font-variant-ligatures: none;
112+
color: var(--code-color);
106113

107114
&.highlighter-rouge {
108115
// font-size: $code-font-size;
@@ -154,10 +161,15 @@ div[class^='language-'] {
154161
box-shadow: var(--language-border-color) 0 0 0 1px;
155162

156163
.post-content > & {
157-
@include ml-mr(-1.25rem);
164+
@include ml-mr(-1rem);
158165

159166
border-radius: 0;
160167
}
168+
169+
.highlight {
170+
border-top-left-radius: 0;
171+
border-top-right-radius: 0;
172+
}
161173
}
162174

163175
/* Hide line numbers for default, console, and terminal code snippets */
@@ -166,34 +178,35 @@ div {
166178
&.language-plaintext,
167179
&.language-console,
168180
&.language-terminal {
169-
pre.lineno {
170-
display: none;
171-
}
181+
td:first-child {
182+
padding: 0 !important;
183+
margin-right: 0;
172184

173-
td.rouge-code {
174-
padding-left: 1.5rem;
185+
.lineno {
186+
display: none;
187+
}
175188
}
176189
}
177190
}
178191

179192
.code-header {
180193
@extend %no-cursor;
181194

182-
$code-header-height: 2.25rem;
183-
184195
display: flex;
185196
justify-content: space-between;
186197
align-items: center;
187198
height: $code-header-height;
188-
margin-left: 1rem;
199+
margin-left: 0.75rem;
189200
margin-right: 0.5rem;
190201

191202
/* the label block */
192203
span {
204+
line-height: $code-header-height;
205+
193206
/* label icon */
194207
i {
195208
font-size: 1rem;
196-
margin-right: 0.5rem;
209+
width: $code-icon-width;
197210
color: var(--code-header-icon-color);
198211

199212
&.small {
@@ -274,19 +287,25 @@ div {
274287
.code-header {
275288
@include ml-mr(0);
276289

277-
&::before {
278-
$dot-size: 0.75rem;
279-
$dot-margin: 0.5rem;
290+
$dot-margin: calc($code-header-height / 2);
280291

292+
&::before {
281293
content: '';
282294
display: inline-block;
283-
margin-left: 1rem;
284-
width: $dot-size;
285-
height: $dot-size;
295+
margin-left: $dot-margin;
296+
width: $code-dot-size;
297+
height: $code-dot-size;
286298
border-radius: 50%;
287299
background-color: var(--code-header-muted-color);
288-
box-shadow: ($dot-size + $dot-margin) 0 0 var(--code-header-muted-color),
289-
($dot-size + $dot-margin) * 2 0 0 var(--code-header-muted-color);
300+
box-shadow: ($code-dot-size + $code-dot-gap) 0 0
301+
var(--code-header-muted-color),
302+
($code-dot-size + $code-dot-gap) * 2 0 0
303+
var(--code-header-muted-color);
304+
}
305+
306+
span {
307+
// center the text of label
308+
margin-left: calc(($dot-margin + $code-dot-size) / 2 * -1);
290309
}
291310
}
292311
}

‎_sass/addon/variables.scss

+9-4
Original file line numberDiff line numberDiff line change
@@ -12,16 +12,21 @@ $sidebar-width-large: 300px !default; /* screen width: >= 1650px */
1212
$topbar-height: 3rem !default;
1313
$search-max-width: 210px !default;
1414
$footer-height: 5rem !default;
15-
$footer-height-mobile: 6rem !default; /* screen width: < 850px */
15+
$footer-height-large: 6rem !default; /* screen width: < 850px */
1616
$main-content-max-width: 1250px !default;
1717
$bottom-min-height: 35rem !default;
18-
$base-radius: 0.5rem;
18+
$base-radius: 0.5rem !default;
19+
$back2top-size: 2.75rem !default;
1920

2021
/* syntax highlight */
2122

2223
$code-font-size: 0.85rem !default;
24+
$code-header-height: 2.25rem !default;
25+
$code-dot-size: 0.75rem !default;
26+
$code-dot-gap: 0.5rem !default;
27+
$code-icon-width: 1.75rem !default;
2328

2429
/* fonts */
2530

26-
$font-family-base: 'Source Sans Pro', 'Microsoft Yahei', sans-serif;
27-
$font-family-heading: Lato, 'Microsoft Yahei', sans-serif;
31+
$font-family-base: 'Source Sans Pro', 'Microsoft Yahei', sans-serif !default;
32+
$font-family-heading: Lato, 'Microsoft Yahei', sans-serif !default;

‎_sass/colors/dark-syntax.scss

-87
This file was deleted.

‎_sass/colors/light-syntax.scss

-84
This file was deleted.

‎_sass/colors/syntax-dark.scss

+138
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,138 @@
1+
/*
2+
* The syntax dark mode styles.
3+
*/
4+
5+
@mixin dark-syntax {
6+
--language-border-color: #2d2d2d;
7+
--highlight-bg-color: #151515;
8+
--highlighter-rouge-color: #c9def1;
9+
--highlight-lineno-color: #808080;
10+
--inline-code-bg: #323238;
11+
--code-color: #b0b0b0;
12+
--code-header-text-color: #6a6a6a;
13+
--code-header-muted-color: #353535;
14+
--code-header-icon-color: #565656;
15+
--clipboard-checked-color: #2bcc2b;
16+
--filepath-text-color: #cacaca;
17+
18+
.highlighter-rouge .gp {
19+
color: #87939d;
20+
}
21+
22+
/* --- Syntax highlight theme from `rougify style base16.dark` --- */
23+
24+
.highlighter-rouge table td {
25+
padding: 5px;
26+
}
27+
.highlighter-rouge table pre {
28+
margin: 0;
29+
}
30+
.highlighter,
31+
.highlighter-rouge .w {
32+
color: #d0d0d0;
33+
background-color: #151515;
34+
}
35+
.highlighter-rouge .err {
36+
color: #151515;
37+
background-color: #ac4142;
38+
}
39+
.highlighter-rouge .c,
40+
.highlighter-rouge .ch,
41+
.highlighter-rouge .cd,
42+
.highlighter-rouge .cm,
43+
.highlighter-rouge .cpf,
44+
.highlighter-rouge .c1,
45+
.highlighter-rouge .cs {
46+
color: #3bb143;
47+
}
48+
.highlighter-rouge .cp {
49+
color: #f4bf75;
50+
}
51+
.highlighter-rouge .nt {
52+
color: #f4bf75;
53+
}
54+
.highlighter-rouge .o,
55+
.highlighter-rouge .ow {
56+
color: #d0d0d0;
57+
}
58+
.highlighter-rouge .p,
59+
.highlighter-rouge .pi {
60+
color: #d0d0d0;
61+
}
62+
.highlighter-rouge .gi {
63+
color: #90a959;
64+
}
65+
.highlighter-rouge .gd {
66+
color: #f08a8b;
67+
background-color: #320000;
68+
}
69+
.highlighter-rouge .gh {
70+
color: #6a9fb5;
71+
background-color: #151515;
72+
font-weight: bold;
73+
}
74+
.highlighter-rouge .k,
75+
.highlighter-rouge .kn,
76+
.highlighter-rouge .kp,
77+
.highlighter-rouge .kr,
78+
.highlighter-rouge .kv {
79+
color: #aa759f;
80+
}
81+
.highlighter-rouge .kc {
82+
color: #d28445;
83+
}
84+
.highlighter-rouge .kt {
85+
color: #d28445;
86+
}
87+
.highlighter-rouge .kd {
88+
color: #d28445;
89+
}
90+
.highlighter-rouge .s,
91+
.highlighter-rouge .sb,
92+
.highlighter-rouge .sc,
93+
.highlighter-rouge .dl,
94+
.highlighter-rouge .sd,
95+
.highlighter-rouge .s2,
96+
.highlighter-rouge .sh,
97+
.highlighter-rouge .sx,
98+
.highlighter-rouge .s1 {
99+
color: #90a959;
100+
}
101+
.highlighter-rouge .sa {
102+
color: #aa759f;
103+
}
104+
.highlighter-rouge .sr {
105+
color: #75b5aa;
106+
}
107+
.highlighter-rouge .si {
108+
color: #b76d45;
109+
}
110+
.highlighter-rouge .se {
111+
color: #b76d45;
112+
}
113+
.highlighter-rouge .nn {
114+
color: #f4bf75;
115+
}
116+
.highlighter-rouge .nc {
117+
color: #f4bf75;
118+
}
119+
.highlighter-rouge .no {
120+
color: #f4bf75;
121+
}
122+
.highlighter-rouge .na {
123+
color: #6a9fb5;
124+
}
125+
.highlighter-rouge .m,
126+
.highlighter-rouge .mb,
127+
.highlighter-rouge .mf,
128+
.highlighter-rouge .mh,
129+
.highlighter-rouge .mi,
130+
.highlighter-rouge .il,
131+
.highlighter-rouge .mo,
132+
.highlighter-rouge .mx {
133+
color: #90a959;
134+
}
135+
.highlighter-rouge .ss {
136+
color: #90a959;
137+
}
138+
}

‎_sass/colors/syntax-light.scss

+179
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,179 @@
1+
/*
2+
* The syntax light mode code snippet colors.
3+
*/
4+
5+
@mixin light-syntax {
6+
/* --- custom light colors --- */
7+
--language-border-color: #ececec;
8+
--highlight-bg-color: #f6f8fa;
9+
--highlighter-rouge-color: #3f596f;
10+
--highlight-lineno-color: #9e9e9e;
11+
--inline-code-bg: #f6f6f7;
12+
--code-color: #3a3a3a;
13+
--code-header-text-color: #a3a3a3;
14+
--code-header-muted-color: #e5e5e5;
15+
--code-header-icon-color: #c9c8c8;
16+
--clipboard-checked-color: #43c743;
17+
18+
[class^='prompt-'] {
19+
--inline-code-bg: #fbfafa;
20+
}
21+
22+
/* --- Syntax highlight theme from `rougify style github` --- */
23+
24+
.highlighter-rouge table td {
25+
padding: 5px;
26+
}
27+
.highlighter-rouge table pre {
28+
margin: 0;
29+
}
30+
.highlighter,
31+
.highlighter-rouge .w {
32+
color: #24292f;
33+
background-color: #f6f8fa;
34+
}
35+
.highlighter-rouge .k,
36+
.highlighter-rouge .kd,
37+
.highlighter-rouge .kn,
38+
.highlighter-rouge .kp,
39+
.highlighter-rouge .kr,
40+
.highlighter-rouge .kt,
41+
.highlighter-rouge .kv {
42+
color: #cf222e;
43+
}
44+
.highlighter-rouge .gr {
45+
color: #f6f8fa;
46+
}
47+
.highlighter-rouge .gd {
48+
color: #82071e;
49+
background-color: #ffebe9;
50+
}
51+
.highlighter-rouge .nb {
52+
color: #953800;
53+
}
54+
.highlighter-rouge .nc {
55+
color: #953800;
56+
}
57+
.highlighter-rouge .no {
58+
color: #953800;
59+
}
60+
.highlighter-rouge .nn {
61+
color: #953800;
62+
}
63+
.highlighter-rouge .sr {
64+
color: #116329;
65+
}
66+
.highlighter-rouge .na {
67+
color: #116329;
68+
}
69+
.highlighter-rouge .nt {
70+
color: #116329;
71+
}
72+
.highlighter-rouge .gi {
73+
color: #116329;
74+
background-color: #dafbe1;
75+
}
76+
.highlighter-rouge .kc {
77+
color: #0550ae;
78+
}
79+
.highlighter-rouge .l,
80+
.highlighter-rouge .ld,
81+
.highlighter-rouge .m,
82+
.highlighter-rouge .mb,
83+
.highlighter-rouge .mf,
84+
.highlighter-rouge .mh,
85+
.highlighter-rouge .mi,
86+
.highlighter-rouge .il,
87+
.highlighter-rouge .mo,
88+
.highlighter-rouge .mx {
89+
color: #0550ae;
90+
}
91+
.highlighter-rouge .sb {
92+
color: #0550ae;
93+
}
94+
.highlighter-rouge .bp {
95+
color: #0550ae;
96+
}
97+
.highlighter-rouge .ne {
98+
color: #0550ae;
99+
}
100+
.highlighter-rouge .nl {
101+
color: #0550ae;
102+
}
103+
.highlighter-rouge .py {
104+
color: #0550ae;
105+
}
106+
.highlighter-rouge .nv,
107+
.highlighter-rouge .vc,
108+
.highlighter-rouge .vg,
109+
.highlighter-rouge .vi,
110+
.highlighter-rouge .vm {
111+
color: #0550ae;
112+
}
113+
.highlighter-rouge .o,
114+
.highlighter-rouge .ow {
115+
color: #0550ae;
116+
}
117+
.highlighter-rouge .gh {
118+
color: #0550ae;
119+
font-weight: bold;
120+
}
121+
.highlighter-rouge .gu {
122+
color: #0550ae;
123+
font-weight: bold;
124+
}
125+
.highlighter-rouge .s,
126+
.highlighter-rouge .sa,
127+
.highlighter-rouge .sc,
128+
.highlighter-rouge .dl,
129+
.highlighter-rouge .sd,
130+
.highlighter-rouge .s2,
131+
.highlighter-rouge .se,
132+
.highlighter-rouge .sh,
133+
.highlighter-rouge .sx,
134+
.highlighter-rouge .s1,
135+
.highlighter-rouge .ss {
136+
color: #0a3069;
137+
}
138+
.highlighter-rouge .nd {
139+
color: #8250df;
140+
}
141+
.highlighter-rouge .nf,
142+
.highlighter-rouge .fm {
143+
color: #8250df;
144+
}
145+
.highlighter-rouge .err {
146+
color: #f6f8fa;
147+
background-color: #82071e;
148+
}
149+
.highlighter-rouge .c,
150+
.highlighter-rouge .ch,
151+
.highlighter-rouge .cd,
152+
.highlighter-rouge .cm,
153+
.highlighter-rouge .cp,
154+
.highlighter-rouge .cpf,
155+
.highlighter-rouge .c1,
156+
.highlighter-rouge .cs {
157+
color: #0b6623;
158+
}
159+
.highlighter-rouge .gl {
160+
color: #68717a;
161+
}
162+
.highlighter-rouge .gt {
163+
color: #68717a;
164+
}
165+
.highlighter-rouge .ni {
166+
color: #24292f;
167+
}
168+
.highlighter-rouge .si {
169+
color: #24292f;
170+
}
171+
.highlighter-rouge .ge {
172+
color: #24292f;
173+
font-style: italic;
174+
}
175+
.highlighter-rouge .gs {
176+
color: #24292f;
177+
font-weight: bold;
178+
}
179+
} /* light-syntax */

‎_sass/colors/dark-typography.scss ‎_sass/colors/typography-dark.scss

+15-16
Original file line numberDiff line numberDiff line change
@@ -10,20 +10,20 @@
1010

1111
/* Common color */
1212
--text-color: rgb(175, 176, 177);
13-
--text-muted-color: rgb(125, 136, 146);
13+
--text-muted-color: #868686;
1414
--heading-color: #cccccc;
15-
--label-color: #a4a4c2;
15+
--label-color: #a7a7a7;
1616
--blockquote-border-color: rgb(105, 105, 105);
1717
--blockquote-text-color: #868686;
1818
--blockquote-background-color: #292929;
1919
--link-color: rgb(138, 180, 248);
2020
--link-underline-color: rgb(82, 108, 150);
21-
--button-bg: rgb(39, 40, 43);
22-
--btn-border-color: rgb(63, 65, 68);
21+
--button-bg: #1e1e1e;
22+
--btn-border-color: #2e2f31;
2323
--btn-backtotop-color: var(--text-color);
24-
--btn-backtotop-border-color: var(--btn-border-color);
24+
--btn-backtotop-border-color: #212122;
2525
--btn-box-shadow: var(--main-bg);
26-
--card-header-bg: rgb(48, 48, 48);
26+
--card-header-bg: #292929;
2727
--checkbox-color: rgb(118, 120, 121);
2828
--checkbox-checked-color: var(--link-color);
2929
--img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%);
@@ -36,12 +36,13 @@
3636

3737
/* Sidebar */
3838
--site-title-color: #717070;
39-
--site-subtitle-color: #6d6c6b;
40-
--sidebar-bg: radial-gradient(circle, #242424 0%, #1d1f27 100%);
41-
--sidebar-muted-color: #6d6c6b;
39+
--site-subtitle-color: #868686;
40+
--sidebar-bg: #1e1e1e;
41+
--sidebar-border-color: #292929;
42+
--sidebar-muted-color: #868686;
4243
--sidebar-active-color: rgb(255, 255, 255, 0.95);
43-
--sidebar-hover-bg: rgb(54, 54, 54, 0.33);
44-
--sidebar-btn-bg: rgb(84, 83, 83, 0.3);
44+
--sidebar-hover-bg: #262626;
45+
--sidebar-btn-bg: #232328;
4546
--sidebar-btn-color: #787878;
4647
--avatar-border-color: rgb(206, 206, 206, 0.9);
4748

@@ -55,14 +56,12 @@
5556
/* Home page */
5657
--post-list-text-color: rgb(175, 176, 177);
5758
--btn-patinator-text-color: var(--text-color);
58-
--btn-paginator-hover-color: rgb(64, 65, 66);
59-
--btn-paginator-border-color: var(--btn-border-color);
60-
--btn-text-color: var(--text-color);
59+
--btn-paginator-hover-color: #2e2e2e;
6160

6261
/* Posts */
6362
--toc-highlight: rgb(116, 178, 243);
6463
--tag-hover: rgb(43, 56, 62);
65-
--tb-odd-bg: rgba(42, 47, 53, 0.52); /* odd rows of the posts' table */
64+
--tb-odd-bg: #252526; /* odd rows of the posts' table */
6665
--tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */
6766
--tb-border-color: var(--tb-odd-bg);
6867
--tb-shade-color: 255, 255, 255;
@@ -89,8 +88,8 @@
8988
/* tags */
9089
--tag-border: rgb(59, 79, 88);
9190
--tag-shadow: rgb(32, 33, 33);
92-
--search-tag-bg: var(--tag-bg);
9391
--dash-color: rgb(63, 65, 68);
92+
--search-tag-bg: #292828;
9493

9594
/* categories */
9695
--categories-border: rgb(64, 66, 69, 0.5);

‎_sass/colors/light-typography.scss ‎_sass/colors/typography-light.scss

+11-11
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,12 @@
1111
/* Common color */
1212
--text-color: #34343c;
1313
--text-muted-color: #757575;
14-
--heading-color: black;
15-
--label-color: #4d4d5b;
14+
--heading-color: #2a2a2a;
15+
--label-color: #585858;
1616
--blockquote-border-color: #7a7a7a;
1717
--blockquote-text-color: #757575;
1818
--blockquote-background-color: #f1f1f1;
19-
--link-color: #0153ab;
19+
--link-color: #0056b2;
2020
--link-underline-color: #dee2e6;
2121
--button-bg: #ffffff;
2222
--btn-border-color: #e9ecef;
@@ -41,6 +41,7 @@
4141
--site-title-color: rgb(113, 113, 113);
4242
--site-subtitle-color: #717171;
4343
--sidebar-bg: #f6f8fa;
44+
--sidebar-border-color: #efefef;
4445
--sidebar-muted-color: #545454;
4546
--sidebar-active-color: #1d1d1d;
4647
--sidebar-hover-bg: rgb(223, 233, 241, 0.64);
@@ -52,29 +53,22 @@
5253
--topbar-bg: rgb(255, 255, 255, 0.7);
5354
--topbar-text-color: rgb(78, 78, 78);
5455
--search-wrapper-border-color: rgb(240, 240, 240);
55-
--search-tag-bg: #f8f9fa;
5656
--search-icon-color: #c2c6cc;
5757
--input-focus-border-color: #b8b8b8;
5858

5959
/* Home page */
6060
--post-list-text-color: dimgray;
6161
--btn-patinator-text-color: #555555;
6262
--btn-paginator-hover-color: var(--sidebar-bg);
63-
--btn-paginator-border-color: var(--sidebar-bg);
64-
--btn-text-color: #676666;
6563

6664
/* Posts */
67-
--toc-highlight: #47566c;
65+
--toc-highlight: #0550ae;
6866
--btn-share-hover-color: var(--link-color);
6967
--card-bg: white;
7068
--card-hovor-bg: #e2e2e2;
7169
--card-shadow: rgb(104, 104, 104, 0.05) 0 2px 6px 0,
7270
rgba(211, 209, 209, 0.15) 0 0 0 1px;
7371
--footnote-target-bg: lightcyan;
74-
--tag-border: #dee2e6;
75-
--tag-shadow: var(--btn-border-color);
76-
--tag-hover: rgb(222, 226, 230);
77-
--tb-shade-color: 0, 0, 0;
7872
--tb-odd-bg: #fbfcfd;
7973
--tb-border-color: #eaeaea;
8074
--dash-color: silver;
@@ -92,6 +86,12 @@
9286
--prompt-danger-icon-color: #df3c30;
9387
--bs-code-color: #1f1f1f;
9488

89+
/* Tags */
90+
--tag-border: #dee2e6;
91+
--tag-shadow: var(--btn-border-color);
92+
--tag-hover: rgb(222, 226, 230);
93+
--search-tag-bg: #f8f9fa;
94+
9595
[class^='prompt-'] {
9696
--link-underline-color: rgb(219, 216, 216);
9797
}

‎_sass/jekyll-theme-chirpy.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
* MIT Licensed
55
*/
66

7-
@import 'colors/light-typography';
8-
@import 'colors/dark-typography';
7+
@import 'colors/typography-light';
8+
@import 'colors/typography-dark';
99
@import 'addon/variables';
1010
@import 'variables-hook';
1111
@import 'addon/module';

‎_sass/layout/home.scss

+15-33
Original file line numberDiff line numberDiff line change
@@ -91,35 +91,37 @@
9191
} /* #post-list */
9292

9393
.pagination {
94-
color: var(--btn-patinator-text-color);
94+
color: var(--text-color);
9595
font-family: Lato, sans-serif;
96+
justify-content: space-evenly;
9697

9798
a:hover {
9899
text-decoration: none;
99100
}
100101

101102
.page-item {
102103
.page-link {
103-
color: inherit;
104-
width: 2.5rem;
105-
height: 2.5rem;
106-
padding: 0;
104+
color: var(--btn-patinator-text-color);
105+
padding: 0 0.6rem;
107106
display: -webkit-box;
108107
-webkit-box-pack: center;
109108
-webkit-box-align: center;
110-
border-radius: 50%;
111-
border: 1px solid var(--btn-paginator-border-color);
112-
background-color: var(--button-bg);
109+
border-radius: 0.5rem;
110+
border: 0;
111+
background-color: inherit;
112+
}
113113

114-
&:hover {
114+
&.active {
115+
.page-link {
115116
background-color: var(--btn-paginator-hover-color);
116117
}
117118
}
118119

119-
&.active {
120+
&:not(.active) {
120121
.page-link {
121-
background-color: var(--btn-paginator-hover-color);
122-
color: var(--btn-text-color);
122+
&:hover {
123+
box-shadow: inset var(--btn-border-color) 0 0 0 1px;
124+
}
123125
}
124126
}
125127

@@ -128,15 +130,8 @@
128130

129131
.page-link {
130132
color: rgba(108, 117, 125, 0.57);
131-
border-color: var(--btn-paginator-border-color);
132-
background-color: var(--button-bg);
133133
}
134134
}
135-
136-
&:first-child .page-link,
137-
&:last-child .page-link {
138-
border-radius: 50%;
139-
}
140135
} /* .page-item */
141136
} /* .pagination */
142137

@@ -177,8 +172,6 @@
177172
/* Hide SideBar and TOC */
178173
@media all and (max-width: 830px) {
179174
.pagination {
180-
justify-content: space-evenly;
181-
182175
.page-item {
183176
&:not(:first-child):not(:last-child) {
184177
display: none;
@@ -195,27 +188,16 @@
195188

196189
.pagination {
197190
font-size: 0.85rem;
191+
justify-content: center;
198192

199193
.page-item {
200194
&:not(:last-child) {
201195
margin-right: 0.7rem;
202196
}
203-
204-
.page-link {
205-
width: 2rem;
206-
height: 2rem;
207-
}
208197
}
209198

210199
.page-index {
211200
display: none;
212201
}
213202
} /* .pagination */
214203
}
215-
216-
/* Panel is visible */
217-
@media all and (min-width: 1200px) {
218-
#post-list {
219-
padding-right: 0.5rem;
220-
}
221-
}

‎_sass/layout/post.scss

+1-3
Original file line numberDiff line numberDiff line change
@@ -319,9 +319,7 @@ h1 + .post-meta {
319319
}
320320

321321
ul {
322-
a {
323-
padding-left: 2rem;
324-
}
322+
padding-left: 0.75rem;
325323
}
326324
}
327325
}

0 commit comments

Comments
 (0)
Please sign in to comment.