jekyll-theme-chirpy 5.5.2 → 5.6.0
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 +59 -70
- data/_data/assets/cross_origin.yml +3 -3
- data/_data/assets/self_host.yml +19 -19
- data/_data/contact.yml +18 -20
- data/_data/locales/el-GR.yml +93 -0
- data/_data/share.yml +8 -10
- data/_includes/head.html +19 -18
- data/_includes/js-selector.html +42 -45
- data/_includes/mode-toggle.html +22 -31
- data/_includes/sidebar.html +20 -17
- data/_includes/toc.html +6 -6
- data/_layouts/default.html +1 -1
- data/_layouts/home.html +51 -52
- data/_sass/addon/commons.scss +107 -64
- data/_sass/addon/module.scss +2 -2
- data/_sass/addon/syntax.scss +13 -19
- data/_sass/addon/variables.scss +6 -6
- data/_sass/colors/dark-syntax.scss +6 -3
- data/_sass/colors/dark-typography.scss +19 -30
- data/_sass/colors/light-syntax.scss +1 -1
- data/_sass/colors/light-typography.scss +16 -12
- data/_sass/jekyll-theme-chirpy.scss +1 -1
- data/_sass/layout/archives.scss +13 -5
- data/_sass/layout/categories.scss +2 -1
- data/_sass/layout/category-tag.scss +9 -5
- data/_sass/layout/home.scss +45 -21
- data/_sass/layout/post.scss +53 -26
- data/assets/js/dist/categories.min.js +2 -2
- data/assets/js/dist/commons.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
- metadata +5 -7
- data/assets/js/dist/home.min.js +0 -6
- data/assets/js/dist/pvreport.min.js +0 -6
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=
|
8
|
+
&[data-mode='light'] {
|
9
9
|
@include light-scheme;
|
10
10
|
}
|
11
11
|
|
12
|
-
&[data-mode=
|
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=
|
19
|
+
&[data-mode='dark'] {
|
20
20
|
@include dark-scheme;
|
21
21
|
}
|
22
22
|
|
23
|
-
&[data-mode=
|
23
|
+
&[data-mode='light'] {
|
24
24
|
@include light-scheme;
|
25
25
|
}
|
26
26
|
}
|
@@ -29,10 +29,12 @@ html {
|
|
29
29
|
}
|
30
30
|
|
31
31
|
body {
|
32
|
-
background: var(--
|
32
|
+
background: var(--main-bg);
|
33
|
+
padding: env(safe-area-inset-top) env(safe-area-inset-right)
|
34
|
+
env(safe-area-inset-bottom) env(safe-area-inset-left);
|
33
35
|
color: var(--text-color);
|
34
36
|
-webkit-font-smoothing: antialiased;
|
35
|
-
font-family:
|
37
|
+
font-family: 'Source Sans Pro', 'Microsoft Yahei', sans-serif;
|
36
38
|
line-height: 1.75;
|
37
39
|
}
|
38
40
|
|
@@ -90,7 +92,7 @@ img {
|
|
90
92
|
animation: fade-in 0.4s ease-in;
|
91
93
|
}
|
92
94
|
|
93
|
-
&[data-lqip=
|
95
|
+
&[data-lqip='true'] {
|
94
96
|
&.lazyload,
|
95
97
|
&.lazyloading {
|
96
98
|
-webkit-filter: blur(20px);
|
@@ -98,7 +100,7 @@ img {
|
|
98
100
|
}
|
99
101
|
}
|
100
102
|
|
101
|
-
&:not([data-lqip=
|
103
|
+
&:not([data-lqip='true']) {
|
102
104
|
&.lazyload,
|
103
105
|
&.lazyloading {
|
104
106
|
background: var(--img-bg);
|
@@ -115,13 +117,21 @@ img {
|
|
115
117
|
}
|
116
118
|
|
117
119
|
@-webkit-keyframes fade-in {
|
118
|
-
from {
|
119
|
-
|
120
|
+
from {
|
121
|
+
opacity: 0;
|
122
|
+
}
|
123
|
+
to {
|
124
|
+
opacity: 1;
|
125
|
+
}
|
120
126
|
}
|
121
127
|
|
122
128
|
@keyframes fade-in {
|
123
|
-
from {
|
124
|
-
|
129
|
+
from {
|
130
|
+
opacity: 0;
|
131
|
+
}
|
132
|
+
to {
|
133
|
+
opacity: 1;
|
134
|
+
}
|
125
135
|
}
|
126
136
|
}
|
127
137
|
|
@@ -130,7 +140,7 @@ blockquote {
|
|
130
140
|
padding-left: 1rem;
|
131
141
|
color: var(--blockquote-text-color);
|
132
142
|
|
133
|
-
&[class^=
|
143
|
+
&[class^='prompt-'] {
|
134
144
|
border-left: 0;
|
135
145
|
position: relative;
|
136
146
|
padding: 1rem 1rem 1rem 3rem;
|
@@ -153,15 +163,10 @@ blockquote {
|
|
153
163
|
}
|
154
164
|
}
|
155
165
|
|
156
|
-
@include prompt(
|
157
|
-
@include prompt(
|
158
|
-
@include prompt(
|
159
|
-
@include prompt(
|
160
|
-
}
|
161
|
-
|
162
|
-
mjx-container {
|
163
|
-
overflow-x: auto;
|
164
|
-
overflow-y: hidden;
|
166
|
+
@include prompt('tip', '\f0eb', 'regular');
|
167
|
+
@include prompt('info', '\f06a');
|
168
|
+
@include prompt('warning', '\f06a');
|
169
|
+
@include prompt('danger', '\f071');
|
165
170
|
}
|
166
171
|
|
167
172
|
kbd {
|
@@ -213,7 +218,8 @@ footer {
|
|
213
218
|
}
|
214
219
|
}
|
215
220
|
|
216
|
-
|
221
|
+
/* fontawesome icons */
|
222
|
+
i {
|
217
223
|
&.far,
|
218
224
|
&.fas {
|
219
225
|
@extend %no-cursor;
|
@@ -271,7 +277,7 @@ i { /* fontawesome icons */
|
|
271
277
|
}
|
272
278
|
}
|
273
279
|
|
274
|
-
[data-topbar-visible=
|
280
|
+
[data-topbar-visible='true'] & > div {
|
275
281
|
top: 6rem;
|
276
282
|
}
|
277
283
|
}
|
@@ -315,7 +321,7 @@ i { /* fontawesome icons */
|
|
315
321
|
|
316
322
|
/* [scroll-focus] added by `smooth-scroll.js` */
|
317
323
|
&:target:not([scroll-focus]),
|
318
|
-
&[scroll-focus=
|
324
|
+
&[scroll-focus='true'] > p {
|
319
325
|
background-color: var(--footnote-target-bg);
|
320
326
|
width: -moz-fit-content;
|
321
327
|
width: -webkit-fit-content;
|
@@ -336,7 +342,7 @@ i { /* fontawesome icons */
|
|
336
342
|
|
337
343
|
/* [scroll-focus] added by `smooth-scroll.js` */
|
338
344
|
@at-root sup:target:not([scroll-focus]),
|
339
|
-
|
345
|
+
sup[scroll-focus='true'] > a#{&} {
|
340
346
|
background-color: var(--footnote-target-bg);
|
341
347
|
}
|
342
348
|
}
|
@@ -389,7 +395,7 @@ i { /* fontawesome icons */
|
|
389
395
|
}
|
390
396
|
}
|
391
397
|
} /* tbody */
|
392
|
-
}/* table */
|
398
|
+
} /* table */
|
393
399
|
}
|
394
400
|
|
395
401
|
/* --- post --- */
|
@@ -419,10 +425,6 @@ i { /* fontawesome icons */
|
|
419
425
|
word-spacing: 1px;
|
420
426
|
|
421
427
|
a {
|
422
|
-
&:not(:last-child) {
|
423
|
-
margin-right: 2px;
|
424
|
-
}
|
425
|
-
|
426
428
|
&:not([class]):hover {
|
427
429
|
@extend %link-hover;
|
428
430
|
}
|
@@ -485,7 +487,8 @@ i { /* fontawesome icons */
|
|
485
487
|
list-style-type: none;
|
486
488
|
padding-left: 0;
|
487
489
|
|
488
|
-
|
490
|
+
/* checkbox icon */
|
491
|
+
> i {
|
489
492
|
width: 2rem;
|
490
493
|
margin-left: -1.25rem;
|
491
494
|
color: var(--checkbox-color);
|
@@ -501,7 +504,7 @@ i { /* fontawesome icons */
|
|
501
504
|
}
|
502
505
|
}
|
503
506
|
|
504
|
-
input[type=
|
507
|
+
input[type='checkbox'] {
|
505
508
|
margin: 0 0.5rem 0.2rem -1.3rem;
|
506
509
|
vertical-align: middle;
|
507
510
|
}
|
@@ -555,7 +558,7 @@ i { /* fontawesome icons */
|
|
555
558
|
background: var(--img-bg);
|
556
559
|
|
557
560
|
&::before {
|
558
|
-
content:
|
561
|
+
content: '';
|
559
562
|
position: absolute;
|
560
563
|
background: var(--shimmer-bg);
|
561
564
|
height: 100%;
|
@@ -565,13 +568,25 @@ i { /* fontawesome icons */
|
|
565
568
|
}
|
566
569
|
|
567
570
|
@-webkit-keyframes shimmer {
|
568
|
-
0% {
|
569
|
-
|
571
|
+
0% {
|
572
|
+
-webkit-transform: translateX(-100%);
|
573
|
+
transform: translateX(-100%);
|
574
|
+
}
|
575
|
+
100% {
|
576
|
+
-webkit-transform: translateX(100%);
|
577
|
+
transform: translateX(100%);
|
578
|
+
}
|
570
579
|
}
|
571
580
|
|
572
581
|
@keyframes shimmer {
|
573
|
-
0% {
|
574
|
-
|
582
|
+
0% {
|
583
|
+
-webkit-transform: translateX(-100%);
|
584
|
+
transform: translateX(-100%);
|
585
|
+
}
|
586
|
+
100% {
|
587
|
+
-webkit-transform: translateX(100%);
|
588
|
+
transform: translateX(100%);
|
589
|
+
}
|
575
590
|
}
|
576
591
|
}
|
577
592
|
|
@@ -637,7 +652,8 @@ i { /* fontawesome icons */
|
|
637
652
|
@include no-text-decoration;
|
638
653
|
}
|
639
654
|
|
640
|
-
|
655
|
+
/* Overrided BS4 Tooltip */
|
656
|
+
.tooltip-inner {
|
641
657
|
font-size: 0.7rem;
|
642
658
|
max-width: 220px;
|
643
659
|
text-align: left;
|
@@ -684,9 +700,15 @@ figure .mfp-title {
|
|
684
700
|
text-align: center;
|
685
701
|
}
|
686
702
|
|
703
|
+
/* MathJax */
|
704
|
+
mjx-container {
|
705
|
+
overflow-y: hidden;
|
706
|
+
min-width: auto !important;
|
707
|
+
}
|
708
|
+
|
687
709
|
/* --- sidebar layout --- */
|
688
710
|
|
689
|
-
$sidebar-display:
|
711
|
+
$sidebar-display: 'sidebar-display';
|
690
712
|
|
691
713
|
#sidebar {
|
692
714
|
@include pl-pr(0);
|
@@ -706,8 +728,8 @@ $sidebar-display: "sidebar-display";
|
|
706
728
|
}
|
707
729
|
|
708
730
|
/* Hide scrollbar for IE, Edge and Firefox */
|
709
|
-
-ms-overflow-style: none;
|
710
|
-
scrollbar-width: none;
|
731
|
+
-ms-overflow-style: none; /* IE and Edge */
|
732
|
+
scrollbar-width: none; /* Firefox */
|
711
733
|
|
712
734
|
a {
|
713
735
|
@extend %sidebar-links;
|
@@ -772,6 +794,7 @@ $sidebar-display: "sidebar-display";
|
|
772
794
|
min-height: 3rem; /* avoid vertical shifting in multi-line words */
|
773
795
|
-webkit-user-select: none;
|
774
796
|
-moz-user-select: none;
|
797
|
+
-ms-user-select: none;
|
775
798
|
user-select: none;
|
776
799
|
}
|
777
800
|
|
@@ -815,10 +838,11 @@ $sidebar-display: "sidebar-display";
|
|
815
838
|
width: 100%;
|
816
839
|
}
|
817
840
|
|
818
|
-
|
841
|
+
/* the cursor */
|
842
|
+
&::after {
|
819
843
|
display: table;
|
820
844
|
visibility: hidden;
|
821
|
-
content:
|
845
|
+
content: '';
|
822
846
|
position: relative;
|
823
847
|
right: 1px;
|
824
848
|
width: $cursor-width;
|
@@ -837,7 +861,8 @@ $sidebar-display: "sidebar-display";
|
|
837
861
|
|
838
862
|
@for $i from 1 through $tab-count {
|
839
863
|
$offset: $tab-count - $i;
|
840
|
-
$top: (-$offset * $tab-height) +
|
864
|
+
$top: (-$offset * $tab-height) +
|
865
|
+
(($tab-height - $tab-cursor-height) * 0.5);
|
841
866
|
|
842
867
|
@if $i < $tab-count {
|
843
868
|
> li.active:nth-child(#{$i}),
|
@@ -898,7 +923,7 @@ $sidebar-display: "sidebar-display";
|
|
898
923
|
@extend %no-cursor;
|
899
924
|
|
900
925
|
background-color: var(--sidebar-muted-color);
|
901
|
-
content:
|
926
|
+
content: '';
|
902
927
|
width: 3px;
|
903
928
|
height: 3px;
|
904
929
|
border-radius: 50%;
|
@@ -941,13 +966,14 @@ $sidebar-display: "sidebar-display";
|
|
941
966
|
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
|
942
967
|
background-color: var(--topbar-wrapper-bg);
|
943
968
|
|
944
|
-
[data-topbar-visible=
|
969
|
+
[data-topbar-visible='false'] & {
|
945
970
|
top: -$topbar-height; /* same as topbar height. */
|
946
971
|
}
|
947
972
|
}
|
948
973
|
|
949
974
|
#topbar {
|
950
|
-
|
975
|
+
/* icons */
|
976
|
+
i {
|
951
977
|
color: #999999;
|
952
978
|
}
|
953
979
|
|
@@ -963,7 +989,7 @@ $sidebar-display: "sidebar-display";
|
|
963
989
|
span {
|
964
990
|
&:not(:last-child) {
|
965
991
|
&::after {
|
966
|
-
content:
|
992
|
+
content: '›';
|
967
993
|
padding: 0 0.3rem;
|
968
994
|
}
|
969
995
|
}
|
@@ -991,7 +1017,8 @@ $sidebar-display: "sidebar-display";
|
|
991
1017
|
}
|
992
1018
|
}
|
993
1019
|
|
994
|
-
|
1020
|
+
/* 'Cancel' link */
|
1021
|
+
#search-cancel {
|
995
1022
|
color: var(--link-color);
|
996
1023
|
margin-left: 1rem;
|
997
1024
|
display: none;
|
@@ -1012,9 +1039,21 @@ $sidebar-display: "sidebar-display";
|
|
1012
1039
|
background: center;
|
1013
1040
|
|
1014
1041
|
&.form-control {
|
1015
|
-
&::-moz-placeholder {
|
1016
|
-
|
1017
|
-
|
1042
|
+
&::-moz-placeholder {
|
1043
|
+
@include input-placeholder;
|
1044
|
+
}
|
1045
|
+
&::-webkit-input-placeholder {
|
1046
|
+
@include input-placeholder;
|
1047
|
+
}
|
1048
|
+
&:-ms-input-placeholder {
|
1049
|
+
@include input-placeholder;
|
1050
|
+
}
|
1051
|
+
&::-ms-input-placeholder {
|
1052
|
+
@include input-placeholder;
|
1053
|
+
}
|
1054
|
+
&::placeholder {
|
1055
|
+
@include input-placeholder;
|
1056
|
+
}
|
1018
1057
|
}
|
1019
1058
|
}
|
1020
1059
|
}
|
@@ -1036,7 +1075,7 @@ $sidebar-display: "sidebar-display";
|
|
1036
1075
|
margin: 0 1.25rem 1rem 0;
|
1037
1076
|
|
1038
1077
|
&::before {
|
1039
|
-
content:
|
1078
|
+
content: '#';
|
1040
1079
|
color: var(--text-muted-color);
|
1041
1080
|
padding-right: 0.2rem;
|
1042
1081
|
}
|
@@ -1068,7 +1107,8 @@ $sidebar-display: "sidebar-display";
|
|
1068
1107
|
margin-bottom: 1rem;
|
1069
1108
|
}
|
1070
1109
|
|
1071
|
-
|
1110
|
+
/* icons */
|
1111
|
+
i {
|
1072
1112
|
color: #818182;
|
1073
1113
|
margin-right: 0.15rem;
|
1074
1114
|
font-size: 80%;
|
@@ -1115,10 +1155,7 @@ $sidebar-display: "sidebar-display";
|
|
1115
1155
|
#mask {
|
1116
1156
|
display: none;
|
1117
1157
|
position: fixed;
|
1118
|
-
|
1119
|
-
right: 0;
|
1120
|
-
bottom: 0;
|
1121
|
-
left: 0;
|
1158
|
+
inset: 0 0 0 0;
|
1122
1159
|
height: 100%;
|
1123
1160
|
width: 100%;
|
1124
1161
|
z-index: 1;
|
@@ -1266,7 +1303,9 @@ $sidebar-display: "sidebar-display";
|
|
1266
1303
|
}
|
1267
1304
|
|
1268
1305
|
#core-wrapper {
|
1269
|
-
min-height: calc(
|
1306
|
+
min-height: calc(
|
1307
|
+
100vh - #{$topbar-height} - #{$footer-height-mobile}
|
1308
|
+
) !important;
|
1270
1309
|
|
1271
1310
|
h1 {
|
1272
1311
|
margin-top: 2.2rem;
|
@@ -1274,7 +1313,7 @@ $sidebar-display: "sidebar-display";
|
|
1274
1313
|
}
|
1275
1314
|
|
1276
1315
|
.post-content {
|
1277
|
-
> blockquote[class^=
|
1316
|
+
> blockquote[class^='prompt-'] {
|
1278
1317
|
@include ml-mr(-1.25rem);
|
1279
1318
|
|
1280
1319
|
border-radius: 0;
|
@@ -1410,7 +1449,7 @@ $sidebar-display: "sidebar-display";
|
|
1410
1449
|
} /* max-width: 849px */
|
1411
1450
|
|
1412
1451
|
@media all and (max-width: 849px) and (orientation: portrait) {
|
1413
|
-
[data-topbar-visible=
|
1452
|
+
[data-topbar-visible='false'] #topbar-wrapper {
|
1414
1453
|
top: 0;
|
1415
1454
|
}
|
1416
1455
|
}
|
@@ -1600,7 +1639,9 @@ $sidebar-display: "sidebar-display";
|
|
1600
1639
|
}
|
1601
1640
|
|
1602
1641
|
#search-wrapper {
|
1603
|
-
margin-right: calc(
|
1642
|
+
margin-right: calc(
|
1643
|
+
#{$main-content-max-width} * 0.25 - #{$search-max-width}
|
1644
|
+
);
|
1604
1645
|
}
|
1605
1646
|
|
1606
1647
|
#topbar,
|
@@ -1615,7 +1656,9 @@ $sidebar-display: "sidebar-display";
|
|
1615
1656
|
}
|
1616
1657
|
|
1617
1658
|
#back-to-top {
|
1618
|
-
right: calc(
|
1659
|
+
right: calc(
|
1660
|
+
(100vw - #{$sidebar-width-large} - #{$main-content-max-width}) / 2 + 2rem
|
1661
|
+
);
|
1619
1662
|
}
|
1620
1663
|
|
1621
1664
|
#sidebar {
|
data/_sass/addon/module.scss
CHANGED
@@ -7,7 +7,7 @@
|
|
7
7
|
%heading {
|
8
8
|
color: var(--heading-color);
|
9
9
|
font-weight: 400;
|
10
|
-
font-family: Lato,
|
10
|
+
font-family: Lato, 'Microsoft Yahei', sans-serif;
|
11
11
|
}
|
12
12
|
|
13
13
|
%section {
|
@@ -150,7 +150,7 @@
|
|
150
150
|
transform: translateX(-50%);
|
151
151
|
}
|
152
152
|
|
153
|
-
@mixin prompt($type, $fa-content, $fa-style:
|
153
|
+
@mixin prompt($type, $fa-content, $fa-style: 'solid') {
|
154
154
|
&.prompt-#{$type} {
|
155
155
|
background-color: var(--prompt-#{$type}-bg);
|
156
156
|
|
data/_sass/addon/syntax.scss
CHANGED
@@ -2,28 +2,28 @@
|
|
2
2
|
* The syntax highlight.
|
3
3
|
*/
|
4
4
|
|
5
|
-
@import
|
6
|
-
@import
|
5
|
+
@import 'colors/light-syntax';
|
6
|
+
@import 'colors/dark-syntax';
|
7
7
|
|
8
8
|
html {
|
9
9
|
@media (prefers-color-scheme: light) {
|
10
10
|
&:not([data-mode]),
|
11
|
-
&[data-mode=
|
11
|
+
&[data-mode='light'] {
|
12
12
|
@include light-syntax;
|
13
13
|
}
|
14
14
|
|
15
|
-
&[data-mode=
|
15
|
+
&[data-mode='dark'] {
|
16
16
|
@include dark-syntax;
|
17
17
|
}
|
18
18
|
}
|
19
19
|
|
20
20
|
@media (prefers-color-scheme: dark) {
|
21
21
|
&:not([data-mode]),
|
22
|
-
&[data-mode=
|
22
|
+
&[data-mode='dark'] {
|
23
23
|
@include dark-syntax;
|
24
24
|
}
|
25
25
|
|
26
|
-
&[data-mode=
|
26
|
+
&[data-mode='light'] {
|
27
27
|
@include light-syntax;
|
28
28
|
}
|
29
29
|
}
|
@@ -66,18 +66,11 @@ html {
|
|
66
66
|
font-size: $code-font-size;
|
67
67
|
line-height: 1.4rem;
|
68
68
|
word-wrap: normal; /* Fixed Safari overflow-x */
|
69
|
-
|
70
|
-
/* set the dollar sign to non-selectable */
|
71
|
-
>.gp:first-child {
|
72
|
-
-webkit-user-select: none;
|
73
|
-
-moz-user-select: none;
|
74
|
-
user-select: none;
|
75
|
-
}
|
76
69
|
}
|
77
70
|
|
78
71
|
table {
|
79
72
|
td pre {
|
80
|
-
overflow: visible;
|
73
|
+
overflow: visible; /* Fixed iOS safari overflow-x */
|
81
74
|
word-break: normal; /* Fixed iOS safari linenos code break */
|
82
75
|
}
|
83
76
|
}
|
@@ -90,12 +83,14 @@ html {
|
|
90
83
|
-webkit-user-select: none;
|
91
84
|
-moz-user-select: none;
|
92
85
|
-o-user-select: none;
|
86
|
+
-ms-user-select: none;
|
93
87
|
user-select: none;
|
94
88
|
}
|
95
89
|
} /* .highlight */
|
96
90
|
|
97
91
|
code {
|
98
92
|
-webkit-hyphens: none;
|
93
|
+
-ms-hyphens: none;
|
99
94
|
hyphens: none;
|
100
95
|
|
101
96
|
&.highlighter-rouge {
|
@@ -147,7 +142,7 @@ td.rouge-code {
|
|
147
142
|
|
148
143
|
/* Hide line numbers for default, console, and terminal code snippets */
|
149
144
|
div {
|
150
|
-
&[class^=
|
145
|
+
&[class^='highlighter-rouge'],
|
151
146
|
&.nolineno,
|
152
147
|
&.language-plaintext.highlighter-rouge,
|
153
148
|
&.language-console.highlighter-rouge,
|
@@ -176,15 +171,14 @@ div {
|
|
176
171
|
$dot-size: 0.75rem;
|
177
172
|
$dot-margin: 0.5rem;
|
178
173
|
|
179
|
-
content:
|
174
|
+
content: '';
|
180
175
|
display: inline-block;
|
181
176
|
margin-left: 1rem;
|
182
177
|
width: $dot-size;
|
183
178
|
height: $dot-size;
|
184
179
|
border-radius: 50%;
|
185
180
|
background-color: var(--code-header-muted-color);
|
186
|
-
box-shadow:
|
187
|
-
($dot-size + $dot-margin) 0 0 var(--code-header-muted-color),
|
181
|
+
box-shadow: ($dot-size + $dot-margin) 0 0 var(--code-header-muted-color),
|
188
182
|
($dot-size + $dot-margin) * 2 0 0 var(--code-header-muted-color);
|
189
183
|
}
|
190
184
|
|
@@ -256,7 +250,7 @@ div {
|
|
256
250
|
|
257
251
|
@media all and (max-width: 576px) {
|
258
252
|
.post-content {
|
259
|
-
> div[class^=
|
253
|
+
> div[class^='language-'] {
|
260
254
|
@include ml-mr(-1.25rem);
|
261
255
|
|
262
256
|
border-radius: 0;
|
data/_sass/addon/variables.scss
CHANGED
@@ -4,23 +4,23 @@
|
|
4
4
|
|
5
5
|
/* sidebar */
|
6
6
|
|
7
|
-
$sidebar-width: 260px !default;
|
8
|
-
$sidebar-width-small: 210px !default;
|
9
|
-
$sidebar-width-large: 350px !default;
|
7
|
+
$sidebar-width: 260px !default; /* the basic width */
|
8
|
+
$sidebar-width-small: 210px !default; /* screen width: >= 850px, <= 1199px (iPad landscape) */
|
9
|
+
$sidebar-width-large: 350px !default; /* screen width: >= 1650px */
|
10
10
|
|
11
11
|
/* tabs of sidebar */
|
12
12
|
|
13
|
-
$tab-count: 5 !default;
|
13
|
+
$tab-count: 5 !default; /* backward compatible (version <= 4.0.2) */
|
14
14
|
$tab-height: 3rem !default;
|
15
15
|
$tab-cursor-height: 1.6rem !default;
|
16
|
-
$cursor-width: 2px !default;
|
16
|
+
$cursor-width: 2px !default; /* the cursor width of the selected tab */
|
17
17
|
|
18
18
|
/* other framework sizes */
|
19
19
|
|
20
20
|
$topbar-height: 3rem !default;
|
21
21
|
$search-max-width: 210px !default;
|
22
22
|
$footer-height: 5rem !default;
|
23
|
-
$footer-height-mobile: 6rem !default;
|
23
|
+
$footer-height-mobile: 6rem !default; /* screen width: <= 576px */
|
24
24
|
|
25
25
|
$main-content-max-width: 1250px !default;
|
26
26
|
$bottom-min-height: 35rem !default;
|
@@ -13,10 +13,13 @@
|
|
13
13
|
--clipboard-checked-color: #2bcc2b;
|
14
14
|
--filepath-text-color: #bdbdbd;
|
15
15
|
|
16
|
-
|
16
|
+
/* override Bootstrap */
|
17
|
+
pre {
|
18
|
+
color: #bfbfbf;
|
19
|
+
}
|
17
20
|
|
18
|
-
.highlight {
|
19
|
-
|
21
|
+
.highlight .gp {
|
22
|
+
color: #818c96;
|
20
23
|
}
|
21
24
|
|
22
25
|
/* syntax highlight colors from https://raw.githubusercontent.com/jwarby/pygments-css/master/monokai.css */
|
@@ -4,9 +4,8 @@
|
|
4
4
|
|
5
5
|
@mixin dark-scheme {
|
6
6
|
/* Framework color */
|
7
|
-
--body-bg: var(--main-bg);
|
8
|
-
--mask-bg: rgb(68, 69, 70);
|
9
7
|
--main-bg: rgb(27, 27, 30);
|
8
|
+
--mask-bg: rgb(68, 69, 70);
|
10
9
|
--main-border-color: rgb(44, 45, 45);
|
11
10
|
|
12
11
|
/* Common color */
|
@@ -27,13 +26,12 @@
|
|
27
26
|
--checkbox-color: rgb(118, 120, 121);
|
28
27
|
--checkbox-checked-color: var(--link-color);
|
29
28
|
--img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%);
|
30
|
-
--shimmer-bg:
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
);
|
29
|
+
--shimmer-bg: linear-gradient(
|
30
|
+
90deg,
|
31
|
+
rgba(255, 255, 255, 0) 0%,
|
32
|
+
rgba(58, 55, 55, 0.4) 50%,
|
33
|
+
rgba(255, 255, 255, 0) 100%
|
34
|
+
);
|
37
35
|
|
38
36
|
/* Sidebar */
|
39
37
|
--sidebar-bg: radial-gradient(circle, #242424 0%, #1d1f27 100%);
|
@@ -70,7 +68,8 @@
|
|
70
68
|
--btn-share-color: #6c757d;
|
71
69
|
--btn-share-hover-color: #bfc1ca;
|
72
70
|
--relate-post-date: var(--text-muted-color);
|
73
|
-
--card-bg:
|
71
|
+
--card-bg: #212121;
|
72
|
+
--card-hovor-bg: #3a3a3a;
|
74
73
|
--card-border-color: rgb(53, 53, 60);
|
75
74
|
--card-box-shadow: var(--main-bg);
|
76
75
|
--kbd-wrap-color: #6a6a6a;
|
@@ -117,16 +116,6 @@
|
|
117
116
|
border-color: var(--main-border-color);
|
118
117
|
}
|
119
118
|
|
120
|
-
/* posts' toc, override BS */
|
121
|
-
nav[data-toggle="toc"] .nav-link.active,
|
122
|
-
nav[data-toggle="toc"] .nav-link.active:focus,
|
123
|
-
nav[data-toggle="toc"] .nav-link.active:hover,
|
124
|
-
nav[data-toggle="toc"] .nav > li > a:focus,
|
125
|
-
nav[data-toggle="toc"] .nav > li > a:hover {
|
126
|
-
color: var(--toc-highlight) !important;
|
127
|
-
border-left-color: var(--toc-highlight) !important;
|
128
|
-
}
|
129
|
-
|
130
119
|
/* categories */
|
131
120
|
.categories.card,
|
132
121
|
.list-group-item {
|
@@ -151,20 +140,20 @@
|
|
151
140
|
}
|
152
141
|
|
153
142
|
#archives li:nth-child(odd) {
|
154
|
-
background-image:
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
);
|
143
|
+
background-image: linear-gradient(
|
144
|
+
to left,
|
145
|
+
rgb(26, 26, 30),
|
146
|
+
rgb(39, 39, 45),
|
147
|
+
rgb(39, 39, 45),
|
148
|
+
rgb(39, 39, 45),
|
149
|
+
rgb(26, 26, 30)
|
150
|
+
);
|
163
151
|
}
|
164
152
|
|
165
153
|
color-scheme: dark;
|
166
154
|
|
167
|
-
|
155
|
+
/* stylelint-disable-next-line selector-id-pattern */
|
156
|
+
#disqus_thread {
|
168
157
|
color-scheme: none;
|
169
158
|
}
|
170
159
|
} /* dark-scheme */
|