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.
@@ -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,10 +29,12 @@ html {
29
29
  }
30
30
 
31
31
  body {
32
- background: var(--body-bg);
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: "Source Sans Pro", "Microsoft Yahei", sans-serif;
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="true"] {
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="true"]) {
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 { opacity: 0; }
119
- to { opacity: 1; }
120
+ from {
121
+ opacity: 0;
122
+ }
123
+ to {
124
+ opacity: 1;
125
+ }
120
126
  }
121
127
 
122
128
  @keyframes fade-in {
123
- from { opacity: 0; }
124
- to { opacity: 1; }
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^="prompt-"] {
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("tip", "\f0eb", "regular");
157
- @include prompt("info", "\f06a");
158
- @include prompt("warning", "\f06a");
159
- @include prompt("danger", "\f071");
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
- i { /* fontawesome icons */
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="true"] & > div {
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="true"] > p {
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
- sup[scroll-focus=true] > a#{&} {
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
- > i { /* checkbox icon */
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="checkbox"] {
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% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
569
- 100% { -webkit-transform: translateX(100%); transform: translateX(100%); }
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% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
574
- 100% { -webkit-transform: translateX(100%); transform: translateX(100%); }
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
- .tooltip-inner { /* Overrided BS4 Tooltip */
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: "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; /* IE and Edge */
710
- scrollbar-width: none; /* Firefox */
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
- &::after { /* the cursor */
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) + (($tab-height - $tab-cursor-height) * 0.5);
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="false"] & {
969
+ [data-topbar-visible='false'] & {
945
970
  top: -$topbar-height; /* same as topbar height. */
946
971
  }
947
972
  }
948
973
 
949
974
  #topbar {
950
- i { /* icons */
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
- #search-cancel { /* 'Cancel' link */
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 { @include input-placeholder; }
1016
- &::-webkit-input-placeholder { @include input-placeholder; }
1017
- &::placeholder { @include input-placeholder; }
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
- i { /* icons */
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
- top: 0;
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(100vh - #{$topbar-height} - #{$footer-height-mobile}) !important;
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^="prompt-"] {
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="false"] #topbar-wrapper {
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(#{$main-content-max-width} * 0.25 - #{$search-max-width});
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((100vw - #{$sidebar-width-large} - #{$main-content-max-width}) / 2 + 2rem);
1659
+ right: calc(
1660
+ (100vw - #{$sidebar-width-large} - #{$main-content-max-width}) / 2 + 2rem
1661
+ );
1619
1662
  }
1620
1663
 
1621
1664
  #sidebar {
@@ -7,7 +7,7 @@
7
7
  %heading {
8
8
  color: var(--heading-color);
9
9
  font-weight: 400;
10
- font-family: Lato, "Microsoft Yahei", sans-serif;
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: "solid") {
153
+ @mixin prompt($type, $fa-content, $fa-style: 'solid') {
154
154
  &.prompt-#{$type} {
155
155
  background-color: var(--prompt-#{$type}-bg);
156
156
 
@@ -2,28 +2,28 @@
2
2
  * The syntax highlight.
3
3
  */
4
4
 
5
- @import "colors/light-syntax";
6
- @import "colors/dark-syntax";
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="light"] {
11
+ &[data-mode='light'] {
12
12
  @include light-syntax;
13
13
  }
14
14
 
15
- &[data-mode="dark"] {
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="dark"] {
22
+ &[data-mode='dark'] {
23
23
  @include dark-syntax;
24
24
  }
25
25
 
26
- &[data-mode="light"] {
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; /* Fixed iOS safari overflow-x */
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^="highlighter-rouge"],
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^="language-"] {
253
+ > div[class^='language-'] {
260
254
  @include ml-mr(-1.25rem);
261
255
 
262
256
  border-radius: 0;
@@ -4,23 +4,23 @@
4
4
 
5
5
  /* sidebar */
6
6
 
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 */
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; /* backward compatible (version <= 4.0.2) */
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; /* the cursor width of the selected tab */
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; /* screen width: <= 576px */
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
- pre { color: #bfbfbf; } /* override Bootstrap */
16
+ /* override Bootstrap */
17
+ pre {
18
+ color: #bfbfbf;
19
+ }
17
20
 
18
- .highlight {
19
- .gp { color: #818c96; }
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
- linear-gradient(
32
- 90deg,
33
- rgba(255, 255, 255, 0) 0%,
34
- rgba(58, 55, 55, 0.4) 50%,
35
- rgba(255, 255, 255, 0) 100%
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: rgb(39, 40, 43);
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
- linear-gradient(
156
- to left,
157
- rgb(26, 26, 30),
158
- rgb(39, 39, 45),
159
- rgb(39, 39, 45),
160
- rgb(39, 39, 45),
161
- rgb(26, 26, 30)
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
- #disqus_thread { /* stylelint-disable-line selector-id-pattern */
155
+ /* stylelint-disable-next-line selector-id-pattern */
156
+ #disqus_thread {
168
157
  color-scheme: none;
169
158
  }
170
159
  } /* dark-scheme */