jekyll-theme-chirpy 6.2.1 → 6.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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/sidebar.html +32 -34
- 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 +65 -77
- 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
|
-
}
|
|
96
|
-
|
|
97
|
-
&.shadow {
|
|
98
|
-
-webkit-filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));
|
|
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
|
-
}
|
|
76
|
+
.blur & {
|
|
77
|
+
$blur: 20px;
|
|
114
78
|
|
|
115
|
-
|
|
116
|
-
|
|
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
|
|
|
@@ -830,13 +812,15 @@ $btn-mb: 0.5rem;
|
|
|
830
812
|
}
|
|
831
813
|
|
|
832
814
|
.sidebar-bottom {
|
|
833
|
-
|
|
834
|
-
|
|
815
|
+
padding-left: 2rem;
|
|
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 */
|