jekyll-theme-chirpy 6.2.2 → 6.2.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +32 -33
- data/_data/locales/de-DE.yml +8 -1
- data/_data/locales/en.yml +1 -1
- data/_data/locales/ru-RU.yml +28 -18
- data/_data/origin/basic.yml +3 -5
- data/_data/origin/cors.yml +12 -14
- data/_includes/comments/disqus.html +1 -1
- data/_includes/comments/giscus.html +1 -0
- data/_includes/comments/utterances.html +22 -23
- data/_includes/embed/twitch.html +6 -3
- data/_includes/embed/youtube.html +5 -2
- data/_includes/head.html +4 -0
- data/_includes/js-selector.html +2 -2
- data/_includes/refactor-content.html +59 -79
- data/_includes/related-posts.html +2 -2
- data/_includes/toc.html +1 -1
- data/_layouts/default.html +15 -23
- data/_layouts/home.html +50 -43
- data/_layouts/page.html +3 -9
- data/_layouts/post.html +102 -102
- data/_sass/addon/commons.scss +63 -75
- data/_sass/addon/module.scss +19 -1
- data/_sass/addon/syntax.scss +2 -2
- data/_sass/addon/variables.scss +3 -2
- data/_sass/colors/syntax-dark.scss +26 -0
- data/_sass/colors/syntax-light.scss +35 -0
- data/_sass/colors/typography-dark.scss +1 -0
- data/_sass/colors/typography-light.scss +1 -0
- data/_sass/layout/home.scss +8 -21
- data/_sass/layout/post.scss +11 -55
- data/assets/js/dist/categories.min.js +1 -1
- data/assets/js/dist/commons.min.js +1 -1
- data/assets/js/dist/home.min.js +2 -2
- data/assets/js/dist/misc.min.js +1 -1
- data/assets/js/dist/page.min.js +2 -2
- data/assets/js/dist/post.min.js +2 -2
- data/assets/js/pwa/sw.js +1 -1
- metadata +3 -3
data/_layouts/post.html
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
layout:
|
|
2
|
+
layout: default
|
|
3
3
|
refactor: true
|
|
4
4
|
panel_includes:
|
|
5
5
|
- toc
|
|
@@ -11,125 +11,125 @@ tail_includes:
|
|
|
11
11
|
|
|
12
12
|
{% include lang.html %}
|
|
13
13
|
|
|
14
|
-
<
|
|
15
|
-
<
|
|
14
|
+
<article class="px-1">
|
|
15
|
+
<header>
|
|
16
|
+
<h1 data-toc-skip>{{ page.title }}</h1>
|
|
16
17
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<span>
|
|
20
|
-
{{ site.data.locales[lang].post.posted }}
|
|
21
|
-
{% include datetime.html date=page.date tooltip=true lang=lang %}
|
|
22
|
-
</span>
|
|
23
|
-
|
|
24
|
-
<!-- lastmod date -->
|
|
25
|
-
{% if page.last_modified_at and page.last_modified_at != page.date %}
|
|
18
|
+
<div class="post-meta text-muted">
|
|
19
|
+
<!-- published date -->
|
|
26
20
|
<span>
|
|
27
|
-
{{ site.data.locales[lang].post.
|
|
28
|
-
{% include datetime.html date=page.
|
|
21
|
+
{{ site.data.locales[lang].post.posted }}
|
|
22
|
+
{% include datetime.html date=page.date tooltip=true lang=lang %}
|
|
29
23
|
</span>
|
|
30
|
-
{% endif %}
|
|
31
24
|
|
|
32
|
-
|
|
33
|
-
{%
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
{% if page.image.lqip %}
|
|
39
|
-
lqip="{{ page.image.lqip }}"
|
|
25
|
+
<!-- lastmod date -->
|
|
26
|
+
{% if page.last_modified_at and page.last_modified_at != page.date %}
|
|
27
|
+
<span>
|
|
28
|
+
{{ site.data.locales[lang].post.updated }}
|
|
29
|
+
{% include datetime.html date=page.last_modified_at tooltip=true lang=lang %}
|
|
30
|
+
</span>
|
|
40
31
|
{% endif %}
|
|
41
|
-
{% endcapture %}
|
|
42
32
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
{
|
|
46
|
-
|
|
47
|
-
{%- endif -%}
|
|
48
|
-
</div>
|
|
49
|
-
{% endif %}
|
|
33
|
+
{% if page.image %}
|
|
34
|
+
{% capture src %}src="{{ page.image.path | default: page.image }}"{% endcapture %}
|
|
35
|
+
{% capture class %}class="preview-img{% if page.image.no_bg %}{{ ' no-bg' }}{% endif %}"{% endcapture %}
|
|
36
|
+
{% capture alt %}alt="{{ page.image.alt | xml_escape | default: "Preview Image" }}"{% endcapture %}
|
|
50
37
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
<span>
|
|
54
|
-
{% if page.author %}
|
|
55
|
-
{% assign authors = page.author %}
|
|
56
|
-
{% elsif page.authors %}
|
|
57
|
-
{% assign authors = page.authors %}
|
|
38
|
+
{% if page.image.lqip %}
|
|
39
|
+
{%- capture lqip -%}lqip="{{ page.image.lqip }}"{%- endcapture -%}
|
|
58
40
|
{% endif %}
|
|
59
41
|
|
|
60
|
-
|
|
42
|
+
<div class="mt-3 mb-3">
|
|
43
|
+
<img {{ src }} {{ class }} {{ alt }} w="1200" h="630" {{ lqip }}>
|
|
44
|
+
{%- if page.image.alt -%}
|
|
45
|
+
<figcaption class="text-center pt-2 pb-2">{{ page.image.alt }}</figcaption>
|
|
46
|
+
{%- endif -%}
|
|
47
|
+
</div>
|
|
48
|
+
{% endif %}
|
|
61
49
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
<a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>
|
|
50
|
+
<div class="d-flex justify-content-between">
|
|
51
|
+
<!-- author(s) -->
|
|
52
|
+
<span>
|
|
53
|
+
{% if page.author %}
|
|
54
|
+
{% assign authors = page.author %}
|
|
55
|
+
{% elsif page.authors %}
|
|
56
|
+
{% assign authors = page.authors %}
|
|
70
57
|
{% endif %}
|
|
71
|
-
</em>
|
|
72
|
-
</span>
|
|
73
58
|
|
|
74
|
-
|
|
75
|
-
|
|
59
|
+
{{ site.data.locales[lang].post.written_by }}
|
|
60
|
+
|
|
61
|
+
<em>
|
|
62
|
+
{% if authors %}
|
|
63
|
+
{% for author in authors %}
|
|
64
|
+
<a href="{{ site.data.authors[author].url }}">{{ site.data.authors[author].name }}</a>
|
|
65
|
+
{% unless forloop.last %}{{ '</em>, <em>' }}{% endunless %}
|
|
66
|
+
{% endfor %}
|
|
67
|
+
{% else %}
|
|
68
|
+
<a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>
|
|
69
|
+
{% endif %}
|
|
70
|
+
</em>
|
|
71
|
+
</span>
|
|
72
|
+
|
|
73
|
+
<!-- read time -->
|
|
74
|
+
{% include read-time.html content=content prompt=true lang=lang %}
|
|
75
|
+
</div>
|
|
76
|
+
<!-- .d-flex -->
|
|
76
77
|
</div>
|
|
77
|
-
<!-- .
|
|
78
|
+
<!-- .post-meta -->
|
|
79
|
+
</header>
|
|
80
|
+
|
|
81
|
+
<div class="content">
|
|
82
|
+
{{ content }}
|
|
78
83
|
</div>
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
<
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
d-flex justify-content-between align-items-center mt-5 pb-2
|
|
117
|
-
"
|
|
118
|
-
>
|
|
119
|
-
<div class="license-wrapper">
|
|
120
|
-
{% if site.data.locales[lang].copyright.license.template %}
|
|
121
|
-
{% capture _replacement %}
|
|
84
|
+
|
|
85
|
+
<div class="post-tail-wrapper text-muted">
|
|
86
|
+
<!-- categories -->
|
|
87
|
+
{% if page.categories.size > 0 %}
|
|
88
|
+
<div class="post-meta mb-3">
|
|
89
|
+
<i class="far fa-folder-open fa-fw me-1"></i>
|
|
90
|
+
{% for category in page.categories %}
|
|
91
|
+
<a href="{{ site.baseurl }}/categories/{{ category | slugify | url_encode }}/">{{ category }}</a>
|
|
92
|
+
{%- unless forloop.last -%},{%- endunless -%}
|
|
93
|
+
{% endfor %}
|
|
94
|
+
</div>
|
|
95
|
+
{% endif %}
|
|
96
|
+
|
|
97
|
+
<!-- tags -->
|
|
98
|
+
{% if page.tags.size > 0 %}
|
|
99
|
+
<div class="post-tags">
|
|
100
|
+
<i class="fa fa-tags fa-fw me-1"></i>
|
|
101
|
+
{% for tag in page.tags %}
|
|
102
|
+
<a
|
|
103
|
+
href="{{ site.baseurl }}/tags/{{ tag | slugify | url_encode }}/"
|
|
104
|
+
class="post-tag no-text-decoration"
|
|
105
|
+
>
|
|
106
|
+
{{- tag -}}
|
|
107
|
+
</a>
|
|
108
|
+
{% endfor %}
|
|
109
|
+
</div>
|
|
110
|
+
{% endif %}
|
|
111
|
+
|
|
112
|
+
<div
|
|
113
|
+
class="
|
|
114
|
+
post-tail-bottom
|
|
115
|
+
d-flex justify-content-between align-items-center mt-5 pb-2
|
|
116
|
+
"
|
|
117
|
+
>
|
|
118
|
+
<div class="license-wrapper">
|
|
119
|
+
{% if site.data.locales[lang].copyright.license.template %}
|
|
120
|
+
{% capture _replacement %}
|
|
122
121
|
<a href="{{ site.data.locales[lang].copyright.license.link }}">
|
|
123
122
|
{{ site.data.locales[lang].copyright.license.name }}
|
|
124
123
|
</a>
|
|
125
124
|
{% endcapture %}
|
|
126
125
|
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
126
|
+
{{ site.data.locales[lang].copyright.license.template | replace: ':LICENSE_NAME', _replacement }}
|
|
127
|
+
{% endif %}
|
|
128
|
+
</div>
|
|
130
129
|
|
|
131
|
-
|
|
130
|
+
{% include post-sharing.html lang=lang %}
|
|
131
|
+
</div>
|
|
132
|
+
<!-- .post-tail-bottom -->
|
|
132
133
|
</div>
|
|
133
|
-
<!-- .post-tail-
|
|
134
|
-
</
|
|
135
|
-
<!-- div.post-tail-wrapper -->
|
|
134
|
+
<!-- div.post-tail-wrapper -->
|
|
135
|
+
</article>
|
data/_sass/addon/commons.scss
CHANGED
|
@@ -73,52 +73,11 @@ img {
|
|
|
73
73
|
height: auto;
|
|
74
74
|
transition: all 0.35s ease-in-out;
|
|
75
75
|
|
|
76
|
-
&
|
|
77
|
-
|
|
78
|
-
&.lazyload,
|
|
79
|
-
&.lazyloading {
|
|
80
|
-
-webkit-filter: blur(20px);
|
|
81
|
-
filter: blur(20px);
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
&:not([data-lqip='true']) {
|
|
86
|
-
&.lazyload,
|
|
87
|
-
&.lazyloading {
|
|
88
|
-
background: var(--img-bg);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
&.lazyloaded {
|
|
92
|
-
-webkit-animation: fade-in 0.35s ease-in;
|
|
93
|
-
animation: fade-in 0.35s ease-in;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
76
|
+
.blur & {
|
|
77
|
+
$blur: 20px;
|
|
96
78
|
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));
|
|
100
|
-
box-shadow: none !important; /* cover the Bootstrap 4.6.1 styles */
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
@extend %img-caption;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
@-webkit-keyframes fade-in {
|
|
107
|
-
from {
|
|
108
|
-
opacity: 0;
|
|
109
|
-
}
|
|
110
|
-
to {
|
|
111
|
-
opacity: 1;
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
@keyframes fade-in {
|
|
116
|
-
from {
|
|
117
|
-
opacity: 0;
|
|
118
|
-
}
|
|
119
|
-
to {
|
|
120
|
-
opacity: 1;
|
|
121
|
-
}
|
|
79
|
+
-webkit-filter: blur($blur);
|
|
80
|
+
filter: blur($blur);
|
|
122
81
|
}
|
|
123
82
|
}
|
|
124
83
|
|
|
@@ -173,12 +132,11 @@ kbd {
|
|
|
173
132
|
}
|
|
174
133
|
|
|
175
134
|
footer {
|
|
176
|
-
font-size: 0.8rem;
|
|
177
135
|
background-color: var(--main-bg);
|
|
178
136
|
height: $footer-height;
|
|
179
137
|
border-top: 1px solid var(--main-border-color);
|
|
180
138
|
|
|
181
|
-
@extend %text-
|
|
139
|
+
@extend %text-xs;
|
|
182
140
|
|
|
183
141
|
a {
|
|
184
142
|
@extend %text-highlight;
|
|
@@ -189,7 +147,6 @@ footer {
|
|
|
189
147
|
}
|
|
190
148
|
|
|
191
149
|
p {
|
|
192
|
-
line-height: 1.75;
|
|
193
150
|
text-align: center;
|
|
194
151
|
margin-bottom: 0;
|
|
195
152
|
}
|
|
@@ -273,6 +230,8 @@ i {
|
|
|
273
230
|
margin-bottom: 0.3rem;
|
|
274
231
|
}
|
|
275
232
|
|
|
233
|
+
@extend %sup-fn-target;
|
|
234
|
+
|
|
276
235
|
> p {
|
|
277
236
|
margin-left: 0.25em;
|
|
278
237
|
margin-top: 0;
|
|
@@ -287,10 +246,13 @@ i {
|
|
|
287
246
|
@include pl-pr(2px);
|
|
288
247
|
|
|
289
248
|
border-bottom-style: none !important;
|
|
290
|
-
transition: background-color 1.5s ease-in-out;
|
|
291
249
|
}
|
|
292
250
|
}
|
|
293
251
|
|
|
252
|
+
sup {
|
|
253
|
+
@extend %sup-fn-target;
|
|
254
|
+
}
|
|
255
|
+
|
|
294
256
|
.reversefootnote {
|
|
295
257
|
@at-root a#{&} {
|
|
296
258
|
font-size: 0.6rem;
|
|
@@ -344,6 +306,27 @@ i {
|
|
|
344
306
|
|
|
345
307
|
/* --- post --- */
|
|
346
308
|
|
|
309
|
+
.preview-img {
|
|
310
|
+
aspect-ratio: 40 / 21;
|
|
311
|
+
width: 100%;
|
|
312
|
+
height: 100%;
|
|
313
|
+
overflow: hidden;
|
|
314
|
+
|
|
315
|
+
@extend %rounded;
|
|
316
|
+
|
|
317
|
+
&:not(.no-bg) {
|
|
318
|
+
background: var(--img-bg);
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
img {
|
|
322
|
+
height: 100%;
|
|
323
|
+
-o-object-fit: cover;
|
|
324
|
+
object-fit: cover;
|
|
325
|
+
|
|
326
|
+
@extend %rounded;
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
|
|
347
330
|
.post-preview {
|
|
348
331
|
@extend %rounded;
|
|
349
332
|
|
|
@@ -372,7 +355,6 @@ i {
|
|
|
372
355
|
|
|
373
356
|
main {
|
|
374
357
|
line-height: 1.75;
|
|
375
|
-
min-height: calc(100vh - $topbar-height - $footer-height);
|
|
376
358
|
|
|
377
359
|
h1 {
|
|
378
360
|
margin-top: 2rem;
|
|
@@ -380,7 +362,6 @@ main {
|
|
|
380
362
|
}
|
|
381
363
|
|
|
382
364
|
p {
|
|
383
|
-
> img[data-src],
|
|
384
365
|
> a.popup {
|
|
385
366
|
&:not(.normal):not(.left):not(.right) {
|
|
386
367
|
@include align-center;
|
|
@@ -398,7 +379,7 @@ main {
|
|
|
398
379
|
}
|
|
399
380
|
|
|
400
381
|
.post-meta {
|
|
401
|
-
|
|
382
|
+
@extend %text-sm;
|
|
402
383
|
|
|
403
384
|
a {
|
|
404
385
|
&:not([class]):hover {
|
|
@@ -534,14 +515,15 @@ main {
|
|
|
534
515
|
background: var(--shimmer-bg);
|
|
535
516
|
height: 100%;
|
|
536
517
|
width: 100%;
|
|
537
|
-
-webkit-animation: shimmer
|
|
538
|
-
animation: shimmer
|
|
518
|
+
-webkit-animation: shimmer 1.3s infinite;
|
|
519
|
+
animation: shimmer 1.3s infinite;
|
|
539
520
|
}
|
|
540
521
|
|
|
541
522
|
@-webkit-keyframes shimmer {
|
|
542
523
|
0% {
|
|
543
524
|
transform: translateX(-100%);
|
|
544
525
|
}
|
|
526
|
+
|
|
545
527
|
100% {
|
|
546
528
|
transform: translateX(100%);
|
|
547
529
|
}
|
|
@@ -551,6 +533,7 @@ main {
|
|
|
551
533
|
0% {
|
|
552
534
|
transform: translateX(-100%);
|
|
553
535
|
}
|
|
536
|
+
|
|
554
537
|
100% {
|
|
555
538
|
transform: translateX(100%);
|
|
556
539
|
}
|
|
@@ -689,7 +672,6 @@ mjx-container {
|
|
|
689
672
|
/* --- sidebar layout --- */
|
|
690
673
|
|
|
691
674
|
$sidebar-display: 'sidebar-display';
|
|
692
|
-
$btn-gap: 0.8rem; // for the bottom icons
|
|
693
675
|
$btn-border-width: 3px;
|
|
694
676
|
$btn-mb: 0.5rem;
|
|
695
677
|
|
|
@@ -834,9 +816,11 @@ $btn-mb: 0.5rem;
|
|
|
834
816
|
padding-right: 1rem;
|
|
835
817
|
margin-bottom: 1.5rem;
|
|
836
818
|
|
|
819
|
+
$btn-size: 1.75rem;
|
|
820
|
+
|
|
837
821
|
%button {
|
|
838
|
-
width:
|
|
839
|
-
height:
|
|
822
|
+
width: $btn-size;
|
|
823
|
+
height: $btn-size;
|
|
840
824
|
margin-bottom: $btn-mb; // multi line gap
|
|
841
825
|
border-radius: 50%;
|
|
842
826
|
color: var(--sidebar-btn-color);
|
|
@@ -858,12 +842,12 @@ $btn-mb: 0.5rem;
|
|
|
858
842
|
@extend %clickable-transition;
|
|
859
843
|
|
|
860
844
|
&:not(:last-child) {
|
|
861
|
-
margin-right: $btn-gap;
|
|
845
|
+
margin-right: $sb-btn-gap;
|
|
862
846
|
}
|
|
863
847
|
}
|
|
864
848
|
|
|
865
849
|
i {
|
|
866
|
-
line-height:
|
|
850
|
+
line-height: $btn-size;
|
|
867
851
|
}
|
|
868
852
|
|
|
869
853
|
.mode-toggle {
|
|
@@ -877,7 +861,7 @@ $btn-mb: 0.5rem;
|
|
|
877
861
|
|
|
878
862
|
.icon-border {
|
|
879
863
|
@extend %no-cursor;
|
|
880
|
-
@include ml-mr(calc(($btn-gap - $btn-border-width) / 2));
|
|
864
|
+
@include ml-mr(calc(($sb-btn-gap - $btn-border-width) / 2));
|
|
881
865
|
|
|
882
866
|
background-color: var(--sidebar-btn-color);
|
|
883
867
|
content: '';
|
|
@@ -1121,12 +1105,16 @@ search {
|
|
|
1121
1105
|
}
|
|
1122
1106
|
}
|
|
1123
1107
|
|
|
1124
|
-
/* ---
|
|
1108
|
+
/* --- basic wrappers --- */
|
|
1125
1109
|
|
|
1126
1110
|
#main-wrapper {
|
|
1127
1111
|
position: relative;
|
|
1128
1112
|
|
|
1129
1113
|
@include pl-pr(0);
|
|
1114
|
+
|
|
1115
|
+
> .container {
|
|
1116
|
+
min-height: 100vh;
|
|
1117
|
+
}
|
|
1130
1118
|
}
|
|
1131
1119
|
|
|
1132
1120
|
#topbar-wrapper.row,
|
|
@@ -1135,6 +1123,12 @@ search {
|
|
|
1135
1123
|
@include ml-mr(0);
|
|
1136
1124
|
}
|
|
1137
1125
|
|
|
1126
|
+
#tail-wrapper {
|
|
1127
|
+
> :not(script) {
|
|
1128
|
+
margin-top: 3rem;
|
|
1129
|
+
}
|
|
1130
|
+
}
|
|
1131
|
+
|
|
1138
1132
|
/* --- button back-to-top --- */
|
|
1139
1133
|
|
|
1140
1134
|
#back-to-top {
|
|
@@ -1270,10 +1264,6 @@ search {
|
|
|
1270
1264
|
}
|
|
1271
1265
|
}
|
|
1272
1266
|
|
|
1273
|
-
main {
|
|
1274
|
-
min-height: calc(100vh - $topbar-height - $footer-height-large);
|
|
1275
|
-
}
|
|
1276
|
-
|
|
1277
1267
|
footer {
|
|
1278
1268
|
@include slide;
|
|
1279
1269
|
|
|
@@ -1287,7 +1277,7 @@ search {
|
|
|
1287
1277
|
}
|
|
1288
1278
|
|
|
1289
1279
|
#main-wrapper {
|
|
1290
|
-
transform: translateX(
|
|
1280
|
+
transform: translateX($sidebar-width);
|
|
1291
1281
|
}
|
|
1292
1282
|
|
|
1293
1283
|
#back-to-top {
|
|
@@ -1298,8 +1288,8 @@ search {
|
|
|
1298
1288
|
#sidebar {
|
|
1299
1289
|
@include slide;
|
|
1300
1290
|
|
|
1301
|
-
transform: translateX(
|
|
1302
|
-
-webkit-transform: translateX(
|
|
1291
|
+
transform: translateX(-$sidebar-width); /* hide */
|
|
1292
|
+
-webkit-transform: translateX(-$sidebar-width);
|
|
1303
1293
|
}
|
|
1304
1294
|
|
|
1305
1295
|
#main-wrapper {
|
|
@@ -1474,7 +1464,7 @@ search {
|
|
|
1474
1464
|
|
|
1475
1465
|
@media all and (min-width: 1400px) {
|
|
1476
1466
|
#back-to-top {
|
|
1477
|
-
right: calc((100vw -
|
|
1467
|
+
right: calc((100vw - $sidebar-width - 1140px) / 2 + 3rem);
|
|
1478
1468
|
}
|
|
1479
1469
|
}
|
|
1480
1470
|
|
|
@@ -1491,7 +1481,7 @@ search {
|
|
|
1491
1481
|
|
|
1492
1482
|
search {
|
|
1493
1483
|
margin-right: calc(
|
|
1494
|
-
|
|
1484
|
+
$main-content-max-width / 4 - $search-max-width - 0.75rem
|
|
1495
1485
|
);
|
|
1496
1486
|
}
|
|
1497
1487
|
|
|
@@ -1508,15 +1498,13 @@ search {
|
|
|
1508
1498
|
|
|
1509
1499
|
#back-to-top {
|
|
1510
1500
|
right: calc(
|
|
1511
|
-
(100vw -
|
|
1501
|
+
(100vw - $sidebar-width-large - $main-content-max-width) / 2 + 2rem
|
|
1512
1502
|
);
|
|
1513
1503
|
}
|
|
1514
1504
|
|
|
1515
1505
|
#sidebar {
|
|
1516
1506
|
width: $sidebar-width-large;
|
|
1517
1507
|
|
|
1518
|
-
$icon-gap: 1rem; // for the bottom icons
|
|
1519
|
-
|
|
1520
1508
|
.profile-wrapper {
|
|
1521
1509
|
margin-top: 3.5rem;
|
|
1522
1510
|
margin-bottom: 2.5rem;
|
|
@@ -1534,11 +1522,11 @@ search {
|
|
|
1534
1522
|
margin-bottom: 1.75rem;
|
|
1535
1523
|
|
|
1536
1524
|
a:not(:last-child) {
|
|
1537
|
-
margin-right: $
|
|
1525
|
+
margin-right: $sb-btn-gap-lg;
|
|
1538
1526
|
}
|
|
1539
1527
|
|
|
1540
1528
|
.icon-border {
|
|
1541
|
-
@include ml-mr(calc(($
|
|
1529
|
+
@include ml-mr(calc(($sb-btn-gap-lg - $btn-border-width) / 2));
|
|
1542
1530
|
}
|
|
1543
1531
|
}
|
|
1544
1532
|
}
|
data/_sass/addon/module.scss
CHANGED
|
@@ -123,10 +123,28 @@
|
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
%text-highlight {
|
|
126
|
-
color:
|
|
126
|
+
color: var(--text-muted-hightlight-color);
|
|
127
127
|
font-weight: 600;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
+
%text-sm {
|
|
131
|
+
font-size: 0.85rem;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
%text-xs {
|
|
135
|
+
font-size: 0.8rem;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
%sup-fn-target {
|
|
139
|
+
&:target {
|
|
140
|
+
background-color: var(--footnote-target-bg);
|
|
141
|
+
width: -moz-fit-content;
|
|
142
|
+
width: -webkit-fit-content;
|
|
143
|
+
width: fit-content;
|
|
144
|
+
transition: background-color 1.75s ease-in-out;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
|
|
130
148
|
/* ---------- scss mixin --------- */
|
|
131
149
|
|
|
132
150
|
@mixin mt-mb($value) {
|
data/_sass/addon/syntax.scss
CHANGED
|
@@ -186,7 +186,7 @@ div {
|
|
|
186
186
|
align-items: center;
|
|
187
187
|
height: $code-header-height;
|
|
188
188
|
margin-left: 0.75rem;
|
|
189
|
-
margin-right: 0.
|
|
189
|
+
margin-right: 0.25rem;
|
|
190
190
|
|
|
191
191
|
/* the label block */
|
|
192
192
|
span {
|
|
@@ -267,7 +267,7 @@ div {
|
|
|
267
267
|
.code-header {
|
|
268
268
|
@include ml-mr(0);
|
|
269
269
|
|
|
270
|
-
$dot-margin:
|
|
270
|
+
$dot-margin: 1rem;
|
|
271
271
|
|
|
272
272
|
&::before {
|
|
273
273
|
content: '';
|
data/_sass/addon/variables.scss
CHANGED
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
|
|
7
7
|
$sidebar-width: 260px !default; /* the basic width */
|
|
8
8
|
$sidebar-width-large: 300px !default; /* screen width: >= 1650px */
|
|
9
|
+
$sb-btn-gap: 0.8rem !default;
|
|
10
|
+
$sb-btn-gap-lg: 1rem !default;
|
|
9
11
|
|
|
10
12
|
/* other framework sizes */
|
|
11
13
|
|
|
@@ -14,8 +16,7 @@ $search-max-width: 200px !default;
|
|
|
14
16
|
$footer-height: 5rem !default;
|
|
15
17
|
$footer-height-large: 6rem !default; /* screen width: < 850px */
|
|
16
18
|
$main-content-max-width: 1250px !default;
|
|
17
|
-
$
|
|
18
|
-
$base-radius: 0.5rem !default;
|
|
19
|
+
$base-radius: 0.625rem !default;
|
|
19
20
|
$back2top-size: 2.75rem !default;
|
|
20
21
|
|
|
21
22
|
/* syntax highlight */
|