jekyll-theme-chirpy 5.3.0 → 5.3.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +2 -2
- data/_data/assets/cross_origin.yml +2 -2
- data/_data/assets/self_host.yml +1 -1
- data/_data/locales/en.yml +10 -0
- data/_data/locales/hu-HU.yml +2 -2
- data/_data/locales/ko-KR.yml +7 -0
- data/_data/locales/pt-BR.yml +1 -1
- data/_data/locales/zh-CN.yml +8 -1
- data/_includes/comments/giscus.html +1 -1
- data/_includes/datetime.html +2 -8
- data/_includes/footer.html +26 -26
- data/_includes/head.html +0 -5
- data/_includes/js-selector.html +1 -5
- data/_includes/post-nav.html +4 -4
- data/_includes/post-sharing.html +3 -3
- data/_includes/read-time.html +3 -3
- data/_includes/refactor-content.html +9 -5
- data/_includes/related-posts.html +1 -1
- data/_includes/search-loader.html +1 -1
- data/_includes/sidebar.html +3 -3
- data/_includes/toc.html +1 -1
- data/_includes/topbar.html +9 -9
- data/_includes/trending-tags.html +1 -1
- data/_includes/update-list.html +1 -1
- data/_layouts/archives.html +2 -9
- data/_layouts/categories.html +12 -14
- data/_layouts/category.html +0 -2
- data/_layouts/default.html +6 -9
- data/_layouts/home.html +1 -3
- data/_layouts/page.html +4 -6
- data/_layouts/post.html +8 -10
- data/_layouts/tag.html +0 -2
- data/_sass/addon/commons.scss +131 -136
- data/_sass/addon/module.scss +5 -2
- data/_sass/addon/syntax.scss +14 -20
- data/_sass/addon/variables.scss +0 -4
- data/_sass/colors/dark-syntax.scss +17 -18
- data/_sass/colors/dark-typography.scss +22 -22
- data/_sass/colors/light-syntax.scss +2 -3
- data/_sass/colors/light-typography.scss +13 -14
- data/_sass/jekyll-theme-chirpy.scss +1 -1
- data/_sass/layout/archives.scss +4 -12
- data/_sass/layout/categories.scss +12 -13
- data/_sass/layout/category-tag.scss +4 -4
- data/_sass/layout/home.scss +19 -25
- data/_sass/layout/post.scss +132 -136
- data/_sass/layout/tags.scss +1 -1
- data/assets/404.html +1 -3
- data/assets/js/data/search.json +1 -1
- data/assets/js/data/swcache.js +35 -36
- data/assets/js/dist/categories.min.js +2 -2
- data/assets/js/dist/commons.min.js +2 -2
- data/assets/js/dist/home.min.js +2 -2
- data/assets/js/dist/misc.min.js +2 -2
- data/assets/js/dist/page.min.js +2 -2
- data/assets/js/dist/post.min.js +2 -2
- data/assets/js/dist/pvreport.min.js +2 -2
- data/assets/js/pwa/app.js +33 -33
- data/assets/js/pwa/sw.js +54 -53
- data/assets/js/pwa/unregister.js +5 -5
- metadata +2 -10
- data/_config.yml +0 -201
- data/_includes/lang.html +0 -8
- data/_plugins/posts-lastmod-hook.rb +0 -14
- data/_tabs/about.md +0 -8
- data/_tabs/archives.md +0 -6
- data/_tabs/categories.md +0 -5
- data/_tabs/tags.md +0 -5
- data/index.html +0 -4
data/_sass/addon/commons.scss
CHANGED
@@ -5,22 +5,22 @@
|
|
5
5
|
html {
|
6
6
|
@media (prefers-color-scheme: light) {
|
7
7
|
&:not([data-mode]),
|
8
|
-
&[data-mode=light] {
|
8
|
+
&[data-mode="light"] {
|
9
9
|
@include light-scheme;
|
10
10
|
}
|
11
11
|
|
12
|
-
&[data-mode=dark] {
|
12
|
+
&[data-mode="dark"] {
|
13
13
|
@include dark-scheme;
|
14
14
|
}
|
15
15
|
}
|
16
16
|
|
17
17
|
@media (prefers-color-scheme: dark) {
|
18
18
|
&:not([data-mode]),
|
19
|
-
&[data-mode=dark] {
|
19
|
+
&[data-mode="dark"] {
|
20
20
|
@include dark-scheme;
|
21
21
|
}
|
22
22
|
|
23
|
-
&[data-mode=light] {
|
23
|
+
&[data-mode="light"] {
|
24
24
|
@include light-scheme;
|
25
25
|
}
|
26
26
|
}
|
@@ -29,11 +29,11 @@ html {
|
|
29
29
|
}
|
30
30
|
|
31
31
|
body {
|
32
|
-
line-height: 1.75rem;
|
33
32
|
background: var(--body-bg);
|
34
33
|
color: var(--text-color);
|
35
34
|
-webkit-font-smoothing: antialiased;
|
36
|
-
font-family:
|
35
|
+
font-family: "Source Sans Pro", "Microsoft Yahei", sans-serif;
|
36
|
+
line-height: 1.75;
|
37
37
|
}
|
38
38
|
|
39
39
|
/* --- Typography --- */
|
@@ -76,14 +76,6 @@ h5 {
|
|
76
76
|
font-size: 1.1rem;
|
77
77
|
}
|
78
78
|
|
79
|
-
ol,
|
80
|
-
ul {
|
81
|
-
ol,
|
82
|
-
ul {
|
83
|
-
margin-bottom: 1rem;
|
84
|
-
}
|
85
|
-
}
|
86
|
-
|
87
79
|
a {
|
88
80
|
@extend %link-color;
|
89
81
|
}
|
@@ -102,27 +94,28 @@ blockquote {
|
|
102
94
|
display: flex;
|
103
95
|
border-left: 0;
|
104
96
|
border-radius: 6px;
|
105
|
-
padding:
|
97
|
+
padding: 1rem;
|
106
98
|
color: var(--prompt-text-color);
|
107
99
|
|
108
100
|
&::before {
|
109
|
-
margin-right: 1rem;
|
110
101
|
font-family: "Font Awesome 5 Free";
|
111
102
|
text-align: center;
|
112
103
|
width: 1.25rem;
|
104
|
+
margin-right: 0.75rem;
|
113
105
|
}
|
114
106
|
|
115
|
-
|
116
|
-
|
107
|
+
> div {
|
108
|
+
max-width: calc(100% - 2rem);
|
109
|
+
|
110
|
+
> :last-child {
|
111
|
+
margin-bottom: 0;
|
112
|
+
}
|
117
113
|
}
|
118
114
|
}
|
119
115
|
|
120
116
|
@include prompt("tip", "\f0eb", 400);
|
121
|
-
|
122
117
|
@include prompt("info", "\f06a");
|
123
|
-
|
124
118
|
@include prompt("warning", "\f06a");
|
125
|
-
|
126
119
|
@include prompt("danger", "\f071");
|
127
120
|
}
|
128
121
|
|
@@ -148,11 +141,10 @@ kbd {
|
|
148
141
|
}
|
149
142
|
|
150
143
|
footer {
|
151
|
-
@include pl-pr(1.5rem);
|
152
|
-
|
153
144
|
font-size: 0.8rem;
|
145
|
+
background-color: var(--main-bg);
|
154
146
|
|
155
|
-
|
147
|
+
div.d-flex {
|
156
148
|
height: $footer-height;
|
157
149
|
line-height: 1.2rem;
|
158
150
|
padding-bottom: 1rem;
|
@@ -172,7 +164,6 @@ footer {
|
|
172
164
|
|
173
165
|
&:hover {
|
174
166
|
@extend %link-hover;
|
175
|
-
|
176
167
|
@include no-text-decoration;
|
177
168
|
}
|
178
169
|
}
|
@@ -189,6 +180,11 @@ i { /* fontawesome icons */
|
|
189
180
|
}
|
190
181
|
}
|
191
182
|
|
183
|
+
@-webkit-keyframes fade-in {
|
184
|
+
from { opacity: 0; }
|
185
|
+
to { opacity: 1; }
|
186
|
+
}
|
187
|
+
|
192
188
|
@keyframes fade-in {
|
193
189
|
from { opacity: 0; }
|
194
190
|
to { opacity: 1; }
|
@@ -197,7 +193,8 @@ i { /* fontawesome icons */
|
|
197
193
|
img[data-src] {
|
198
194
|
margin: 0.5rem 0;
|
199
195
|
|
200
|
-
&[data-loaded=true] {
|
196
|
+
&[data-loaded="true"] {
|
197
|
+
-webkit-animation: fade-in linear 0.5s;
|
201
198
|
animation: fade-in linear 0.5s;
|
202
199
|
}
|
203
200
|
|
@@ -212,6 +209,7 @@ img[data-src] {
|
|
212
209
|
}
|
213
210
|
|
214
211
|
&.shadow {
|
212
|
+
-webkit-filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));
|
215
213
|
filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));
|
216
214
|
box-shadow: none !important; /* cover the Bootstrap 4.6.1 styles */
|
217
215
|
}
|
@@ -228,7 +226,7 @@ img[data-src] {
|
|
228
226
|
margin-bottom: 4rem;
|
229
227
|
|
230
228
|
&:only-child {
|
231
|
-
position: -webkit-sticky;
|
229
|
+
position: -webkit-sticky;
|
232
230
|
position: sticky;
|
233
231
|
}
|
234
232
|
|
@@ -244,7 +242,6 @@ img[data-src] {
|
|
244
242
|
.post-content {
|
245
243
|
font-size: 0.9rem;
|
246
244
|
}
|
247
|
-
|
248
245
|
}
|
249
246
|
|
250
247
|
#panel-wrapper {
|
@@ -266,12 +263,12 @@ img[data-src] {
|
|
266
263
|
&:hover {
|
267
264
|
background-color: #2a408e;
|
268
265
|
border-color: #2a408e;
|
269
|
-
color: #
|
266
|
+
color: #ffffff;
|
270
267
|
transition: none;
|
271
268
|
}
|
272
269
|
}
|
273
270
|
|
274
|
-
[data-topbar-visible=true] & > div {
|
271
|
+
[data-topbar-visible="true"] & > div {
|
275
272
|
top: 6rem;
|
276
273
|
}
|
277
274
|
}
|
@@ -296,7 +293,6 @@ img[data-src] {
|
|
296
293
|
|
297
294
|
color: inherit;
|
298
295
|
}
|
299
|
-
|
300
296
|
}
|
301
297
|
|
302
298
|
.footnotes > ol {
|
@@ -316,10 +312,11 @@ img[data-src] {
|
|
316
312
|
|
317
313
|
/* [scroll-focus] added by `smooth-scroll.js` */
|
318
314
|
&:target:not([scroll-focus]),
|
319
|
-
&[scroll-focus=true] > p {
|
315
|
+
&[scroll-focus="true"] > p {
|
320
316
|
background-color: var(--footnote-target-bg);
|
317
|
+
width: -moz-fit-content;
|
318
|
+
width: -webkit-fit-content;
|
321
319
|
width: fit-content;
|
322
|
-
-webkit-transition: background-color 1.5s ease-in-out; /* Safari prior 6.1 */
|
323
320
|
transition: background-color 1.5s ease-in-out;
|
324
321
|
}
|
325
322
|
}
|
@@ -331,7 +328,6 @@ img[data-src] {
|
|
331
328
|
@include pl-pr(2px);
|
332
329
|
|
333
330
|
border-bottom-style: none !important;
|
334
|
-
-webkit-transition: background-color 1.5s ease-in-out; /* Safari prior 6.1 */
|
335
331
|
transition: background-color 1.5s ease-in-out;
|
336
332
|
}
|
337
333
|
|
@@ -421,7 +417,6 @@ img[data-src] {
|
|
421
417
|
}
|
422
418
|
}
|
423
419
|
} /* a */
|
424
|
-
|
425
420
|
}
|
426
421
|
|
427
422
|
.pageviews .fa-spinner {
|
@@ -449,10 +444,8 @@ img[data-src] {
|
|
449
444
|
|
450
445
|
.post-content {
|
451
446
|
font-size: 1.08rem;
|
452
|
-
line-height: 1.8;
|
453
447
|
margin-top: 2rem;
|
454
448
|
overflow-wrap: break-word;
|
455
|
-
word-wrap: break-word;
|
456
449
|
|
457
450
|
a {
|
458
451
|
&:not(.img-link) {
|
@@ -466,17 +459,37 @@ img[data-src] {
|
|
466
459
|
&.img-link {
|
467
460
|
@extend %img-caption;
|
468
461
|
}
|
462
|
+
}
|
463
|
+
|
464
|
+
> ol,
|
465
|
+
> ul {
|
466
|
+
-webkit-padding-start: 1.75rem;
|
467
|
+
padding-inline-start: 1.75rem;
|
469
468
|
|
469
|
+
li {
|
470
|
+
margin: 0.25rem 0;
|
471
|
+
padding-left: 0.25rem;
|
472
|
+
}
|
473
|
+
|
474
|
+
ol,
|
475
|
+
ul {
|
476
|
+
-webkit-padding-start: 1rem;
|
477
|
+
padding-inline-start: 1rem;
|
478
|
+
margin: 0.5rem 0;
|
479
|
+
}
|
470
480
|
}
|
471
481
|
|
472
|
-
ul {
|
473
|
-
|
474
|
-
|
482
|
+
ul.task-list {
|
483
|
+
-webkit-padding-start: 1.25rem;
|
484
|
+
padding-inline-start: 1.25rem;
|
485
|
+
|
486
|
+
li {
|
475
487
|
list-style-type: none;
|
488
|
+
padding-left: 0;
|
476
489
|
|
477
490
|
> i { /* checkbox icon */
|
478
|
-
|
479
|
-
|
491
|
+
width: 2rem;
|
492
|
+
margin-left: -1.25rem;
|
480
493
|
color: var(--checkbox-color);
|
481
494
|
|
482
495
|
&.checked {
|
@@ -484,39 +497,21 @@ img[data-src] {
|
|
484
497
|
}
|
485
498
|
}
|
486
499
|
|
500
|
+
ul {
|
501
|
+
-webkit-padding-start: 1.75rem;
|
502
|
+
padding-inline-start: 1.75rem;
|
503
|
+
}
|
487
504
|
}
|
488
505
|
|
489
|
-
input[type=checkbox] {
|
506
|
+
input[type="checkbox"] {
|
490
507
|
margin: 0 0.5rem 0.2rem -1.3rem;
|
491
508
|
vertical-align: middle;
|
492
509
|
}
|
493
|
-
|
494
510
|
} /* ul */
|
495
511
|
|
496
|
-
> ol,
|
497
|
-
> ul {
|
498
|
-
padding-left: 2rem;
|
499
|
-
|
500
|
-
li {
|
501
|
-
ol,
|
502
|
-
ul { /* sub list */
|
503
|
-
padding-left: 2rem;
|
504
|
-
margin-top: 0.3rem;
|
505
|
-
}
|
506
|
-
}
|
507
|
-
|
508
|
-
}
|
509
|
-
|
510
|
-
> ol {
|
511
|
-
li {
|
512
|
-
padding-left: 0.25em;
|
513
|
-
}
|
514
|
-
}
|
515
|
-
|
516
512
|
dl > dd {
|
517
513
|
margin-left: 1rem;
|
518
514
|
}
|
519
|
-
|
520
515
|
} /* .post-content */
|
521
516
|
|
522
517
|
.tag:hover {
|
@@ -581,7 +576,6 @@ img[data-src] {
|
|
581
576
|
}
|
582
577
|
|
583
578
|
.flex-grow-1 {
|
584
|
-
-ms-flex-positive: 1 !important;
|
585
579
|
flex-grow: 1 !important;
|
586
580
|
}
|
587
581
|
|
@@ -673,9 +667,8 @@ $sidebar-display: "sidebar-display";
|
|
673
667
|
border-radius: 50%;
|
674
668
|
border: 2px solid rgba(222, 222, 222, 0.7);
|
675
669
|
overflow: hidden;
|
670
|
+
-webkit-transform: translateZ(0);
|
676
671
|
transform: translateZ(0); /* fixed the zoom in Safari */
|
677
|
-
-webkit-transition: border-color 0.35s ease-in-out;
|
678
|
-
-moz-transition: border-color 0.35s ease-in-out;
|
679
672
|
transition: border-color 0.35s ease-in-out;
|
680
673
|
|
681
674
|
&:hover {
|
@@ -686,13 +679,11 @@ $sidebar-display: "sidebar-display";
|
|
686
679
|
img {
|
687
680
|
width: 100%;
|
688
681
|
height: 100%;
|
689
|
-
-webkit-
|
690
|
-
-moz-transition: transform 0.5s;
|
682
|
+
transition: -webkit-transform 0.5s;
|
691
683
|
transition: transform 0.5s;
|
684
|
+
transition: transform 0.5s, -webkit-transform 0.5s;
|
692
685
|
|
693
686
|
&:hover {
|
694
|
-
-ms-transform: scale(1.2);
|
695
|
-
-moz-transform: scale(1.2);
|
696
687
|
-webkit-transform: scale(1.2);
|
697
688
|
transform: scale(1.2);
|
698
689
|
}
|
@@ -700,23 +691,27 @@ $sidebar-display: "sidebar-display";
|
|
700
691
|
} /* #avatar */
|
701
692
|
|
702
693
|
.site-title {
|
694
|
+
margin-top: 0.55rem;
|
695
|
+
|
703
696
|
a {
|
704
697
|
@extend %clickable-transition;
|
705
698
|
|
706
699
|
font-weight: 900;
|
707
700
|
font-size: 1.5rem;
|
708
701
|
letter-spacing: 0.5px;
|
709
|
-
color: rgba(134, 133, 133, 99
|
702
|
+
color: rgba(134, 133, 133, 0.99);
|
710
703
|
}
|
711
704
|
}
|
712
705
|
|
713
706
|
.site-subtitle {
|
714
707
|
font-size: 95%;
|
715
708
|
color: var(--sidebar-muted-color);
|
716
|
-
line-height: 1.
|
709
|
+
line-height: 1.25rem;
|
717
710
|
word-spacing: 1px;
|
718
|
-
margin: 0.
|
711
|
+
margin: 0.2rem 1.5rem 0.5rem 1.5rem;
|
719
712
|
min-height: 3rem; /* avoid vertical shifting in multi-line words */
|
713
|
+
-webkit-user-select: none;
|
714
|
+
-moz-user-select: none;
|
720
715
|
user-select: none;
|
721
716
|
}
|
722
717
|
|
@@ -797,9 +792,7 @@ $sidebar-display: "sidebar-display";
|
|
797
792
|
@include fix-cursor($top);
|
798
793
|
}
|
799
794
|
}
|
800
|
-
|
801
795
|
} /* @for */
|
802
|
-
|
803
796
|
} /* ul */
|
804
797
|
|
805
798
|
.sidebar-bottom {
|
@@ -850,16 +843,11 @@ $sidebar-display: "sidebar-display";
|
|
850
843
|
height: 3px;
|
851
844
|
border-radius: 50%;
|
852
845
|
}
|
853
|
-
|
854
846
|
} /* .sidebar-bottom */
|
855
|
-
|
856
847
|
} /* #sidebar */
|
857
848
|
|
858
849
|
@media (hover: hover) {
|
859
850
|
#sidebar ul > li:last-child::after {
|
860
|
-
-webkit-transition: top 0.5s ease;
|
861
|
-
-moz-transition: top 0.5s ease;
|
862
|
-
-o-transition: top 0.5s ease;
|
863
851
|
transition: top 0.5s ease;
|
864
852
|
}
|
865
853
|
}
|
@@ -893,14 +881,14 @@ $sidebar-display: "sidebar-display";
|
|
893
881
|
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
|
894
882
|
background-color: var(--topbar-wrapper-bg);
|
895
883
|
|
896
|
-
[data-topbar-visible=false] & {
|
884
|
+
[data-topbar-visible="false"] & {
|
897
885
|
top: -$topbar-height; /* same as topbar height. */
|
898
886
|
}
|
899
887
|
}
|
900
888
|
|
901
889
|
#topbar {
|
902
890
|
i { /* icons */
|
903
|
-
color: #
|
891
|
+
color: #999999;
|
904
892
|
}
|
905
893
|
|
906
894
|
#breadcrumb {
|
@@ -964,9 +952,8 @@ $sidebar-display: "sidebar-display";
|
|
964
952
|
background: center;
|
965
953
|
|
966
954
|
&.form-control {
|
967
|
-
&::-webkit-input-placeholder { @include input-placeholder; }
|
968
955
|
&::-moz-placeholder { @include input-placeholder; }
|
969
|
-
|
956
|
+
&::-webkit-input-placeholder { @include input-placeholder; }
|
970
957
|
&::placeholder { @include input-placeholder; }
|
971
958
|
}
|
972
959
|
}
|
@@ -1052,8 +1039,6 @@ $sidebar-display: "sidebar-display";
|
|
1052
1039
|
}
|
1053
1040
|
|
1054
1041
|
#core-wrapper {
|
1055
|
-
min-height: calc(100vh - #{$topbar-height} - #{$footer-height});
|
1056
|
-
|
1057
1042
|
.categories,
|
1058
1043
|
#tags,
|
1059
1044
|
#archives {
|
@@ -1061,6 +1046,10 @@ $sidebar-display: "sidebar-display";
|
|
1061
1046
|
@extend %no-bottom-border;
|
1062
1047
|
}
|
1063
1048
|
}
|
1049
|
+
|
1050
|
+
@at-root .row:only-child > #{&} {
|
1051
|
+
padding-bottom: 3rem;
|
1052
|
+
}
|
1064
1053
|
}
|
1065
1054
|
|
1066
1055
|
#mask {
|
@@ -1082,9 +1071,9 @@ $sidebar-display: "sidebar-display";
|
|
1082
1071
|
/* --- main wrapper --- */
|
1083
1072
|
|
1084
1073
|
#main-wrapper {
|
1085
|
-
background-color: var(--main-
|
1074
|
+
background-color: var(--main-bg);
|
1086
1075
|
position: relative;
|
1087
|
-
min-height: 100vh;
|
1076
|
+
min-height: calc(100vh - #{$footer-height});
|
1088
1077
|
|
1089
1078
|
@include pl-pr(0);
|
1090
1079
|
}
|
@@ -1116,7 +1105,9 @@ $sidebar-display: "sidebar-display";
|
|
1116
1105
|
height: $size;
|
1117
1106
|
border-radius: 50%;
|
1118
1107
|
border: 1px solid var(--btn-backtotop-border-color);
|
1108
|
+
transition: -webkit-transform 0.2s ease-out;
|
1119
1109
|
transition: transform 0.2s ease-out;
|
1110
|
+
transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
|
1120
1111
|
-webkit-transition: transform 0.2s ease-out;
|
1121
1112
|
|
1122
1113
|
i {
|
@@ -1132,6 +1123,13 @@ $sidebar-display: "sidebar-display";
|
|
1132
1123
|
}
|
1133
1124
|
|
1134
1125
|
#notification {
|
1126
|
+
@-webkit-keyframes popup {
|
1127
|
+
from {
|
1128
|
+
opacity: 0;
|
1129
|
+
bottom: 0;
|
1130
|
+
}
|
1131
|
+
}
|
1132
|
+
|
1135
1133
|
@keyframes popup {
|
1136
1134
|
from {
|
1137
1135
|
opacity: 0;
|
@@ -1146,7 +1144,7 @@ $sidebar-display: "sidebar-display";
|
|
1146
1144
|
}
|
1147
1145
|
|
1148
1146
|
.toast-body {
|
1149
|
-
font-family:
|
1147
|
+
font-family: Lato, sans-serif;
|
1150
1148
|
line-height: 1.25rem;
|
1151
1149
|
|
1152
1150
|
button {
|
@@ -1169,11 +1167,12 @@ $sidebar-display: "sidebar-display";
|
|
1169
1167
|
position: fixed;
|
1170
1168
|
left: 50%;
|
1171
1169
|
bottom: 20%;
|
1170
|
+
-webkit-transform: translateX(-50%);
|
1172
1171
|
transform: translateX(-50%);
|
1172
|
+
-webkit-animation: popup 0.8s;
|
1173
1173
|
animation: popup 0.8s;
|
1174
1174
|
}
|
1175
1175
|
}
|
1176
|
-
|
1177
1176
|
}
|
1178
1177
|
|
1179
1178
|
/*
|
@@ -1189,10 +1188,9 @@ $sidebar-display: "sidebar-display";
|
|
1189
1188
|
footer {
|
1190
1189
|
height: $footer-height-mobile;
|
1191
1190
|
|
1192
|
-
|
1191
|
+
div.d-flex {
|
1193
1192
|
padding: 1.5rem 0;
|
1194
1193
|
flex-wrap: wrap;
|
1195
|
-
-ms-flex-pack: distribute !important;
|
1196
1194
|
justify-content: space-around !important;
|
1197
1195
|
}
|
1198
1196
|
|
@@ -1202,6 +1200,10 @@ $sidebar-display: "sidebar-display";
|
|
1202
1200
|
}
|
1203
1201
|
}
|
1204
1202
|
|
1203
|
+
#main-wrapper {
|
1204
|
+
min-height: calc(100vh - #{$footer-height-mobile});
|
1205
|
+
}
|
1206
|
+
|
1205
1207
|
#core-wrapper {
|
1206
1208
|
min-height: calc(100vh - #{$topbar-height} - #{$footer-height-mobile}) !important;
|
1207
1209
|
|
@@ -1211,12 +1213,14 @@ $sidebar-display: "sidebar-display";
|
|
1211
1213
|
}
|
1212
1214
|
|
1213
1215
|
.post-content {
|
1214
|
-
> blockquote[class^=prompt-] {
|
1216
|
+
> blockquote[class^="prompt-"] {
|
1217
|
+
@include pl-pr(1.25rem);
|
1215
1218
|
@include ml-mr(-1.25rem);
|
1219
|
+
|
1216
1220
|
border-radius: 0;
|
1221
|
+
max-width: none;
|
1217
1222
|
}
|
1218
1223
|
}
|
1219
|
-
|
1220
1224
|
}
|
1221
1225
|
|
1222
1226
|
#avatar > a {
|
@@ -1227,7 +1231,6 @@ $sidebar-display: "sidebar-display";
|
|
1227
1231
|
.site-subtitle {
|
1228
1232
|
@include ml-mr(1.8rem);
|
1229
1233
|
}
|
1230
|
-
|
1231
1234
|
}
|
1232
1235
|
|
1233
1236
|
@media all and (max-width: 768px) {
|
@@ -1249,11 +1252,10 @@ $sidebar-display: "sidebar-display";
|
|
1249
1252
|
@media all and (max-width: 849px) {
|
1250
1253
|
@mixin slide($append: null) {
|
1251
1254
|
$basic: transform 0.4s ease;
|
1255
|
+
|
1252
1256
|
@if $append {
|
1253
|
-
-webkit-transition: $basic, $append;
|
1254
1257
|
transition: $basic, $append;
|
1255
1258
|
} @else {
|
1256
|
-
-webkit-transition: $basic;
|
1257
1259
|
transition: $basic;
|
1258
1260
|
}
|
1259
1261
|
}
|
@@ -1263,13 +1265,20 @@ $sidebar-display: "sidebar-display";
|
|
1263
1265
|
overflow-x: hidden;
|
1264
1266
|
}
|
1265
1267
|
|
1268
|
+
footer {
|
1269
|
+
@include slide;
|
1270
|
+
}
|
1271
|
+
|
1266
1272
|
[#{$sidebar-display}] {
|
1267
1273
|
#sidebar {
|
1274
|
+
-webkit-transform: translateX(0);
|
1268
1275
|
transform: translateX(0);
|
1269
1276
|
}
|
1270
1277
|
|
1271
1278
|
#topbar-wrapper,
|
1272
|
-
#main-wrapper
|
1279
|
+
#main-wrapper,
|
1280
|
+
footer {
|
1281
|
+
-webkit-transform: translateX(#{$sidebar-width});
|
1273
1282
|
transform: translateX(#{$sidebar-width});
|
1274
1283
|
}
|
1275
1284
|
}
|
@@ -1281,8 +1290,6 @@ $sidebar-display: "sidebar-display";
|
|
1281
1290
|
-webkit-transform: translateX(-#{$sidebar-width});
|
1282
1291
|
|
1283
1292
|
.cursor {
|
1284
|
-
-webkit-transition: none;
|
1285
|
-
-moz-transition: none;
|
1286
1293
|
transition: none;
|
1287
1294
|
}
|
1288
1295
|
}
|
@@ -1294,7 +1301,8 @@ $sidebar-display: "sidebar-display";
|
|
1294
1301
|
}
|
1295
1302
|
|
1296
1303
|
#topbar,
|
1297
|
-
#main
|
1304
|
+
#main,
|
1305
|
+
footer > .container {
|
1298
1306
|
max-width: 100%;
|
1299
1307
|
}
|
1300
1308
|
|
@@ -1329,8 +1337,6 @@ $sidebar-display: "sidebar-display";
|
|
1329
1337
|
}
|
1330
1338
|
|
1331
1339
|
#tags {
|
1332
|
-
-webkit-box-pack: center !important;
|
1333
|
-
-ms-flex-pack: center !important;
|
1334
1340
|
justify-content: center !important;
|
1335
1341
|
}
|
1336
1342
|
|
@@ -1341,18 +1347,17 @@ $sidebar-display: "sidebar-display";
|
|
1341
1347
|
margin-top: 3rem;
|
1342
1348
|
}
|
1343
1349
|
}
|
1344
|
-
|
1345
1350
|
} /* max-width: 849px */
|
1346
1351
|
|
1347
1352
|
@media all and (max-width: 849px) and (orientation: portrait) {
|
1348
|
-
[data-topbar-visible=false] #topbar-wrapper {
|
1353
|
+
[data-topbar-visible="false"] #topbar-wrapper {
|
1349
1354
|
top: 0;
|
1350
1355
|
}
|
1351
1356
|
}
|
1352
1357
|
|
1353
1358
|
/* Phone & Pad */
|
1354
1359
|
@media all and (min-width: 577px) and (max-width: 1199px) {
|
1355
|
-
footer
|
1360
|
+
footer .d-flex > div {
|
1356
1361
|
width: 312px;
|
1357
1362
|
}
|
1358
1363
|
}
|
@@ -1364,7 +1369,8 @@ $sidebar-display: "sidebar-display";
|
|
1364
1369
|
overflow-y: scroll;
|
1365
1370
|
}
|
1366
1371
|
|
1367
|
-
#main-wrapper
|
1372
|
+
#main-wrapper,
|
1373
|
+
footer {
|
1368
1374
|
margin-left: $sidebar-width;
|
1369
1375
|
}
|
1370
1376
|
|
@@ -1395,21 +1401,14 @@ $sidebar-display: "sidebar-display";
|
|
1395
1401
|
right: 5%;
|
1396
1402
|
}
|
1397
1403
|
|
1398
|
-
#topbar {
|
1399
|
-
@include pl-pr(2rem);
|
1400
|
-
}
|
1401
|
-
|
1402
1404
|
#topbar-title {
|
1403
1405
|
text-align: left;
|
1404
1406
|
}
|
1405
|
-
|
1406
1407
|
}
|
1407
1408
|
|
1408
1409
|
/* Pad horizontal */
|
1409
1410
|
@media all and (min-width: 992px) and (max-width: 1199px) {
|
1410
1411
|
#main .col-lg-11 {
|
1411
|
-
-webkit-box-flex: 0;
|
1412
|
-
-ms-flex: 0 0 96%;
|
1413
1412
|
flex: 0 0 96%;
|
1414
1413
|
max-width: 96%;
|
1415
1414
|
}
|
@@ -1438,7 +1437,7 @@ $sidebar-display: "sidebar-display";
|
|
1438
1437
|
}
|
1439
1438
|
|
1440
1439
|
#topbar-wrapper {
|
1441
|
-
left:
|
1440
|
+
left: $sidebar-width-small;
|
1442
1441
|
}
|
1443
1442
|
|
1444
1443
|
#search-results > div {
|
@@ -1456,8 +1455,9 @@ $sidebar-display: "sidebar-display";
|
|
1456
1455
|
font-size: 90%;
|
1457
1456
|
}
|
1458
1457
|
|
1459
|
-
#main-wrapper
|
1460
|
-
|
1458
|
+
#main-wrapper,
|
1459
|
+
footer {
|
1460
|
+
margin-left: $sidebar-width-small;
|
1461
1461
|
}
|
1462
1462
|
|
1463
1463
|
#breadcrumb {
|
@@ -1467,7 +1467,6 @@ $sidebar-display: "sidebar-display";
|
|
1467
1467
|
word-break: keep-all;
|
1468
1468
|
white-space: nowrap;
|
1469
1469
|
}
|
1470
|
-
|
1471
1470
|
}
|
1472
1471
|
|
1473
1472
|
/* panel hidden */
|
@@ -1477,8 +1476,6 @@ $sidebar-display: "sidebar-display";
|
|
1477
1476
|
}
|
1478
1477
|
|
1479
1478
|
#main > div.row {
|
1480
|
-
-webkit-box-pack: center !important;
|
1481
|
-
-ms-flex-pack: center !important;
|
1482
1479
|
justify-content: center !important;
|
1483
1480
|
}
|
1484
1481
|
}
|
@@ -1495,7 +1492,6 @@ $sidebar-display: "sidebar-display";
|
|
1495
1492
|
}
|
1496
1493
|
|
1497
1494
|
#search-input {
|
1498
|
-
-webkit-transition: all 0.3s ease-in-out;
|
1499
1495
|
transition: all 0.3s ease-in-out;
|
1500
1496
|
}
|
1501
1497
|
|
@@ -1520,10 +1516,11 @@ $sidebar-display: "sidebar-display";
|
|
1520
1516
|
font-size: 1.03rem;
|
1521
1517
|
}
|
1522
1518
|
|
1523
|
-
footer
|
1524
|
-
|
1519
|
+
footer {
|
1520
|
+
div.d-felx {
|
1521
|
+
width: 85%;
|
1522
|
+
}
|
1525
1523
|
}
|
1526
|
-
|
1527
1524
|
}
|
1528
1525
|
|
1529
1526
|
@media all and (min-width: 1400px) {
|
@@ -1533,7 +1530,8 @@ $sidebar-display: "sidebar-display";
|
|
1533
1530
|
}
|
1534
1531
|
|
1535
1532
|
@media all and (min-width: 1650px) {
|
1536
|
-
#main-wrapper
|
1533
|
+
#main-wrapper,
|
1534
|
+
footer {
|
1537
1535
|
margin-left: $sidebar-width-large;
|
1538
1536
|
}
|
1539
1537
|
|
@@ -1546,7 +1544,8 @@ $sidebar-display: "sidebar-display";
|
|
1546
1544
|
}
|
1547
1545
|
|
1548
1546
|
#topbar,
|
1549
|
-
#main
|
1547
|
+
#main,
|
1548
|
+
footer > .container {
|
1550
1549
|
max-width: $main-content-max-width;
|
1551
1550
|
}
|
1552
1551
|
|
@@ -1590,6 +1589,8 @@ $sidebar-display: "sidebar-display";
|
|
1590
1589
|
.site-title {
|
1591
1590
|
@extend %profile-ml;
|
1592
1591
|
|
1592
|
+
margin-top: 0.4rem;
|
1593
|
+
|
1593
1594
|
a {
|
1594
1595
|
font-size: 1.7rem;
|
1595
1596
|
letter-spacing: 1px;
|
@@ -1600,9 +1601,8 @@ $sidebar-display: "sidebar-display";
|
|
1600
1601
|
@extend %profile-ml;
|
1601
1602
|
|
1602
1603
|
word-spacing: 0;
|
1603
|
-
margin-top: 0
|
1604
|
+
margin-top: 0;
|
1604
1605
|
}
|
1605
|
-
|
1606
1606
|
} /* .profile-wrapper (min-width: 1650px) */
|
1607
1607
|
|
1608
1608
|
ul {
|
@@ -1628,7 +1628,6 @@ $sidebar-display: "sidebar-display";
|
|
1628
1628
|
}
|
1629
1629
|
}
|
1630
1630
|
}
|
1631
|
-
|
1632
1631
|
}
|
1633
1632
|
}
|
1634
1633
|
|
@@ -1639,8 +1638,6 @@ $sidebar-display: "sidebar-display";
|
|
1639
1638
|
$icon-block-size: 2rem;
|
1640
1639
|
|
1641
1640
|
&.justify-content-center {
|
1642
|
-
-webkit-box-pack: start !important;
|
1643
|
-
-ms-flex-pack: start !important;
|
1644
1641
|
justify-content: flex-start !important;
|
1645
1642
|
}
|
1646
1643
|
|
@@ -1665,6 +1662,7 @@ $sidebar-display: "sidebar-display";
|
|
1665
1662
|
position: absolute;
|
1666
1663
|
top: 50%;
|
1667
1664
|
left: 50%;
|
1665
|
+
-webkit-transform: translate(-50%, -50%);
|
1668
1666
|
transform: translate(-50%, -50%);
|
1669
1667
|
}
|
1670
1668
|
}
|
@@ -1672,9 +1670,6 @@ $sidebar-display: "sidebar-display";
|
|
1672
1670
|
.icon-border {
|
1673
1671
|
top: 0.9rem;
|
1674
1672
|
}
|
1675
|
-
|
1676
1673
|
} /* .sidebar-bottom */
|
1677
|
-
|
1678
1674
|
} /* #sidebar */
|
1679
|
-
|
1680
1675
|
} /* min-width: 1650px */
|