jekyll-theme-chirpy 5.0.2 → 5.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +7 -7
- data/_config.yml +35 -13
- data/_data/assets/cross_origin.yml +62 -0
- data/_data/assets/self_host.yml +51 -0
- data/_data/locales/en.yml +1 -14
- data/_data/locales/id-ID.yml +0 -13
- data/_data/locales/ko-KR.yml +0 -13
- data/_data/locales/my-MM.yml +78 -0
- data/_data/locales/ru-RU.yml +78 -0
- data/_data/locales/uk-UA.yml +78 -0
- data/_data/locales/zh-CN.yml +0 -13
- data/_data/share.yml +1 -1
- data/_includes/assets-origin.html +12 -0
- data/_includes/comments/giscus.html +56 -0
- data/_includes/comments/utterances.html +2 -2
- data/_includes/head.html +35 -20
- data/_includes/js-selector.html +42 -10
- data/_includes/jsdelivr-combine.html +32 -0
- data/_includes/mermaid.html +3 -3
- data/_includes/mode-toggle.html +4 -3
- data/_includes/post-sharing.html +2 -2
- data/_includes/refactor-content.html +53 -6
- data/_includes/search-loader.html +1 -1
- data/_includes/sidebar.html +6 -6
- data/_includes/timeago.html +6 -17
- data/_includes/toc.html +1 -1
- data/_includes/topbar.html +2 -3
- data/_layouts/archives.html +5 -7
- data/_layouts/category.html +3 -5
- data/_layouts/default.html +4 -2
- data/_layouts/home.html +2 -2
- data/_layouts/page.html +3 -1
- data/_layouts/tag.html +3 -5
- data/_sass/addon/commons.scss +139 -132
- data/_sass/addon/module.scss +33 -17
- data/_sass/addon/syntax.scss +38 -25
- data/_sass/addon/variables.scss +6 -6
- data/_sass/colors/dark-syntax.scss +1 -0
- data/_sass/colors/dark-typography.scss +10 -1
- data/_sass/colors/light-syntax.scss +6 -1
- data/_sass/colors/light-typography.scss +14 -1
- data/_sass/jekyll-theme-chirpy.scss +1 -1
- data/_sass/layout/post.scss +1 -1
- data/_tabs/about.md +2 -2
- data/assets/404.html +0 -2
- data/assets/js/data/search.json +1 -0
- data/assets/js/data/swcache.js +11 -20
- 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 +6 -0
- 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 +1 -1
- metadata +11 -4
- data/_includes/css-selector.html +0 -15
- data/_includes/no-zero-date.html +0 -13
data/_layouts/page.html
CHANGED
@@ -4,6 +4,8 @@ layout: default
|
|
4
4
|
|
5
5
|
{% include lang.html %}
|
6
6
|
|
7
|
+
{% include assets-origin.html %}
|
8
|
+
|
7
9
|
<div class="row">
|
8
10
|
|
9
11
|
<!-- core -->
|
@@ -34,7 +36,7 @@ layout: default
|
|
34
36
|
</div> <!-- #core-wrapper -->
|
35
37
|
|
36
38
|
<!-- pannel -->
|
37
|
-
<div id="panel-wrapper" class="col-xl-3 pl-2 text-muted
|
39
|
+
<div id="panel-wrapper" class="col-xl-3 pl-2 text-muted">
|
38
40
|
|
39
41
|
<div class="access">
|
40
42
|
{% include update-list.html %}
|
data/_layouts/tag.html
CHANGED
@@ -3,8 +3,6 @@ layout: page
|
|
3
3
|
# The layout for Tag page
|
4
4
|
---
|
5
5
|
|
6
|
-
{% include lang.html %}
|
7
|
-
|
8
6
|
<div id="page-tag">
|
9
7
|
<h1 class="pl-lg-2">
|
10
8
|
<i class="fa fa-tag fa-fw text-muted"></i>
|
@@ -12,13 +10,13 @@ layout: page
|
|
12
10
|
<span class="lead text-muted pl-2">{{ page.posts | size }}</span>
|
13
11
|
</h1>
|
14
12
|
<ul class="post-content pl-0">
|
15
|
-
{% assign post_df = site.data.locales[lang].date_format.post.long %}
|
16
|
-
|
17
13
|
{% for post in page.posts %}
|
18
14
|
<li class="d-flex justify-content-between pl-md-3 pr-md-3">
|
19
15
|
<a href="{{ post.url | relative_url }}">{{ post.title }}</a>
|
20
16
|
<span class="dash flex-grow-1"></span>
|
21
|
-
<span class="text-muted small"
|
17
|
+
<span class="text-muted small" data-ts="{{ post.date | date: '%s' }}" data-df="ll">
|
18
|
+
{{ post.date | date: '%Y-%m-%d' }}
|
19
|
+
</span>
|
22
20
|
</li>
|
23
21
|
{% endfor %}
|
24
22
|
</ul>
|
data/_sass/addon/commons.scss
CHANGED
@@ -1,37 +1,30 @@
|
|
1
1
|
/*
|
2
2
|
The common styles
|
3
3
|
*/
|
4
|
-
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Source+Sans+Pro:wght@400;600;900&display=swap');
|
5
4
|
|
6
|
-
|
7
|
-
@
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
}
|
13
|
-
|
14
|
-
html:not([mode]),
|
15
|
-
html[mode=light] {
|
16
|
-
@include mode-toggle();
|
17
|
-
}
|
18
|
-
|
19
|
-
html[mode=dark] {
|
20
|
-
@include mode-toggle(true);
|
21
|
-
}
|
5
|
+
html {
|
6
|
+
@media (prefers-color-scheme: light) {
|
7
|
+
&:not([data-mode]),
|
8
|
+
[data-mode=light] {
|
9
|
+
@include light-scheme;
|
10
|
+
}
|
22
11
|
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
@include mode-toggle(true);
|
12
|
+
&[data-mode=dark] {
|
13
|
+
@include dark-scheme;
|
14
|
+
}
|
27
15
|
}
|
28
16
|
|
29
|
-
|
30
|
-
|
17
|
+
@media (prefers-color-scheme: dark) {
|
18
|
+
&:not([data-mode]),
|
19
|
+
&[data-mode=dark] {
|
20
|
+
@include dark-scheme;
|
21
|
+
}
|
22
|
+
|
23
|
+
&[data-mode=light] {
|
24
|
+
@include light-scheme;
|
25
|
+
}
|
31
26
|
}
|
32
|
-
}
|
33
27
|
|
34
|
-
:root {
|
35
28
|
font-size: 16px;
|
36
29
|
}
|
37
30
|
|
@@ -54,7 +47,7 @@ h1 {
|
|
54
47
|
h2 {
|
55
48
|
@extend %heading;
|
56
49
|
@extend %section;
|
57
|
-
@extend %anchor
|
50
|
+
@extend %anchor;
|
58
51
|
|
59
52
|
font-size: 1.5rem;
|
60
53
|
}
|
@@ -104,6 +97,33 @@ blockquote {
|
|
104
97
|
border-left: 5px solid var(--blockquote-border-color);
|
105
98
|
padding-left: 1rem;
|
106
99
|
color: var(--blockquote-text-color);
|
100
|
+
|
101
|
+
&[class^="prompt-"] {
|
102
|
+
display: flex;
|
103
|
+
border-left: 0;
|
104
|
+
border-radius: 6px;
|
105
|
+
padding: 0.75rem 1.2rem;
|
106
|
+
color: var(--prompt-text-color);
|
107
|
+
|
108
|
+
&::before {
|
109
|
+
margin-right: 1rem;
|
110
|
+
font-family: "Font Awesome 5 Free";
|
111
|
+
text-align: center;
|
112
|
+
width: 1.25rem;
|
113
|
+
}
|
114
|
+
|
115
|
+
p:last-child {
|
116
|
+
margin-bottom: 0rem;
|
117
|
+
}
|
118
|
+
}
|
119
|
+
|
120
|
+
@include prompt("tip", "\f0eb", 400);
|
121
|
+
|
122
|
+
@include prompt("info", "\f06a");
|
123
|
+
|
124
|
+
@include prompt("warning", "\f06a");
|
125
|
+
|
126
|
+
@include prompt("danger", "\f071");
|
107
127
|
}
|
108
128
|
|
109
129
|
kbd {
|
@@ -160,7 +180,7 @@ footer {
|
|
160
180
|
}
|
161
181
|
}
|
162
182
|
|
163
|
-
i {
|
183
|
+
i { /* fontawesome icons */
|
164
184
|
&.far,
|
165
185
|
&.fas {
|
166
186
|
@extend %no-cursor;
|
@@ -191,7 +211,10 @@ img[data-src] {
|
|
191
211
|
|
192
212
|
&.shadow {
|
193
213
|
filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));
|
214
|
+
box-shadow: none !important; /* cover the Bootstrap 4.6.1 styles */
|
194
215
|
}
|
216
|
+
|
217
|
+
@extend %img-caption;
|
195
218
|
}
|
196
219
|
|
197
220
|
/* --- Panels --- */
|
@@ -224,7 +247,7 @@ img[data-src] {
|
|
224
247
|
}
|
225
248
|
|
226
249
|
#panel-wrapper {
|
227
|
-
|
250
|
+
/* the headings */
|
228
251
|
.panel-heading {
|
229
252
|
@include label(inherit);
|
230
253
|
}
|
@@ -247,7 +270,7 @@ img[data-src] {
|
|
247
270
|
}
|
248
271
|
}
|
249
272
|
|
250
|
-
|
273
|
+
[data-topbar-visible=true] & > div {
|
251
274
|
top: 6rem;
|
252
275
|
}
|
253
276
|
}
|
@@ -290,7 +313,7 @@ img[data-src] {
|
|
290
313
|
margin-bottom: 0;
|
291
314
|
}
|
292
315
|
|
293
|
-
|
316
|
+
/* [scroll-focus] added by `smooth-scroll.js` */
|
294
317
|
&:target:not([scroll-focus]),
|
295
318
|
&[scroll-focus=true] > p {
|
296
319
|
background-color: var(--footnote-target-bg);
|
@@ -311,7 +334,7 @@ img[data-src] {
|
|
311
334
|
transition: background-color 1.5s ease-in-out;
|
312
335
|
}
|
313
336
|
|
314
|
-
|
337
|
+
/* [scroll-focus] added by `smooth-scroll.js` */
|
315
338
|
@at-root sup:target:not([scroll-focus]),
|
316
339
|
sup[scroll-focus=true] > a#{&} {
|
317
340
|
background-color: var(--footnote-target-bg);
|
@@ -331,7 +354,7 @@ img[data-src] {
|
|
331
354
|
|
332
355
|
/* --- Begin of Markdown table style --- */
|
333
356
|
|
334
|
-
|
357
|
+
/* it will be created by Liquid */
|
335
358
|
.table-wrapper {
|
336
359
|
overflow-x: auto;
|
337
360
|
margin-bottom: 1.5rem;
|
@@ -365,8 +388,8 @@ img[data-src] {
|
|
365
388
|
@extend %table-cell;
|
366
389
|
}
|
367
390
|
}
|
368
|
-
}
|
369
|
-
}
|
391
|
+
} /* tbody */
|
392
|
+
}/* table */
|
370
393
|
}
|
371
394
|
|
372
395
|
/* --- post --- */
|
@@ -382,7 +405,7 @@ img[data-src] {
|
|
382
405
|
@extend %no-cursor;
|
383
406
|
}
|
384
407
|
|
385
|
-
|
408
|
+
/* created by `_includes/img-extra.html` */
|
386
409
|
&.popup {
|
387
410
|
cursor: zoom-in;
|
388
411
|
|
@@ -396,7 +419,7 @@ img[data-src] {
|
|
396
419
|
@extend %link-hover;
|
397
420
|
}
|
398
421
|
}
|
399
|
-
}
|
422
|
+
} /* a */
|
400
423
|
|
401
424
|
}
|
402
425
|
|
@@ -439,23 +462,18 @@ img[data-src] {
|
|
439
462
|
}
|
440
463
|
}
|
441
464
|
|
442
|
-
&.img-link
|
443
|
-
|
444
|
-
text-align: center;
|
445
|
-
font-style: normal;
|
446
|
-
font-size: 80%;
|
447
|
-
padding: 0;
|
448
|
-
color: #6d6c6c;
|
465
|
+
&.img-link {
|
466
|
+
@extend %img-caption;
|
449
467
|
}
|
450
468
|
|
451
469
|
}
|
452
470
|
|
453
471
|
ul {
|
454
|
-
|
472
|
+
/* attribute 'hide-bullet' was added by liquid */
|
455
473
|
.task-list-item[hide-bullet] {
|
456
474
|
list-style-type: none;
|
457
475
|
|
458
|
-
> i {
|
476
|
+
> i { /* checkbox icon */
|
459
477
|
margin: 0 0.4rem 0.2rem -1.4rem;
|
460
478
|
vertical-align: middle;
|
461
479
|
color: var(--checkbox-color);
|
@@ -472,7 +490,7 @@ img[data-src] {
|
|
472
490
|
vertical-align: middle;
|
473
491
|
}
|
474
492
|
|
475
|
-
}
|
493
|
+
} /* ul */
|
476
494
|
|
477
495
|
> ol,
|
478
496
|
> ul {
|
@@ -480,7 +498,7 @@ img[data-src] {
|
|
480
498
|
|
481
499
|
li {
|
482
500
|
ol,
|
483
|
-
ul {
|
501
|
+
ul { /* sub list */
|
484
502
|
padding-left: 2rem;
|
485
503
|
margin-top: 0.3rem;
|
486
504
|
}
|
@@ -498,7 +516,7 @@ img[data-src] {
|
|
498
516
|
margin-left: 1rem;
|
499
517
|
}
|
500
518
|
|
501
|
-
}
|
519
|
+
} /* .post-content */
|
502
520
|
|
503
521
|
.tag:hover {
|
504
522
|
@extend %tag-hover;
|
@@ -570,10 +588,6 @@ img[data-src] {
|
|
570
588
|
box-shadow: 0 0 8px 0 var(--btn-box-shadow) !important;
|
571
589
|
}
|
572
590
|
|
573
|
-
.topbar-up {
|
574
|
-
top: -3rem !important; /* same as topbar height. */
|
575
|
-
}
|
576
|
-
|
577
591
|
.no-text-decoration {
|
578
592
|
@include no-text-decoration;
|
579
593
|
}
|
@@ -603,14 +617,14 @@ img[data-src] {
|
|
603
617
|
|
604
618
|
/* --- Overriding --- */
|
605
619
|
|
606
|
-
|
620
|
+
/* magnific-popup */
|
607
621
|
figure .mfp-title {
|
608
622
|
text-align: center;
|
609
623
|
padding-right: 0;
|
610
624
|
margin-top: 0.5rem;
|
611
625
|
}
|
612
626
|
|
613
|
-
|
627
|
+
/* mermaid */
|
614
628
|
.mermaid {
|
615
629
|
text-align: center;
|
616
630
|
}
|
@@ -658,7 +672,7 @@ $sidebar-display: "sidebar-display";
|
|
658
672
|
border-radius: 50%;
|
659
673
|
border: 2px solid rgba(222, 222, 222, 0.7);
|
660
674
|
overflow: hidden;
|
661
|
-
transform: translateZ(0);
|
675
|
+
transform: translateZ(0); /* fixed the zoom in Safari */
|
662
676
|
-webkit-transition: border-color 0.35s ease-in-out;
|
663
677
|
-moz-transition: border-color 0.35s ease-in-out;
|
664
678
|
transition: border-color 0.35s ease-in-out;
|
@@ -682,7 +696,7 @@ $sidebar-display: "sidebar-display";
|
|
682
696
|
transform: scale(1.2);
|
683
697
|
}
|
684
698
|
}
|
685
|
-
}
|
699
|
+
} /* #avatar */
|
686
700
|
|
687
701
|
.site-title {
|
688
702
|
a {
|
@@ -701,7 +715,7 @@ $sidebar-display: "sidebar-display";
|
|
701
715
|
line-height: 1.2rem;
|
702
716
|
word-spacing: 1px;
|
703
717
|
margin: 0.5rem 1.5rem 0.5rem 1.5rem;
|
704
|
-
min-height: 3rem;
|
718
|
+
min-height: 3rem; /* avoid vertical shifting in multi-line words */
|
705
719
|
user-select: none;
|
706
720
|
}
|
707
721
|
|
@@ -745,7 +759,7 @@ $sidebar-display: "sidebar-display";
|
|
745
759
|
width: 100%;
|
746
760
|
}
|
747
761
|
|
748
|
-
&::after {
|
762
|
+
&::after { /* the cursor */
|
749
763
|
display: table;
|
750
764
|
visibility: hidden;
|
751
765
|
content: "";
|
@@ -758,7 +772,7 @@ $sidebar-display: "sidebar-display";
|
|
758
772
|
pointer-events: none;
|
759
773
|
}
|
760
774
|
}
|
761
|
-
}
|
775
|
+
} /* li */
|
762
776
|
|
763
777
|
@mixin fix-cursor($top) {
|
764
778
|
top: $top;
|
@@ -783,9 +797,9 @@ $sidebar-display: "sidebar-display";
|
|
783
797
|
}
|
784
798
|
}
|
785
799
|
|
786
|
-
}
|
800
|
+
} /* @for */
|
787
801
|
|
788
|
-
}
|
802
|
+
} /* ul */
|
789
803
|
|
790
804
|
.sidebar-bottom {
|
791
805
|
margin-bottom: 2.1rem;
|
@@ -836,9 +850,9 @@ $sidebar-display: "sidebar-display";
|
|
836
850
|
border-radius: 50%;
|
837
851
|
}
|
838
852
|
|
839
|
-
}
|
853
|
+
} /* .sidebar-bottom */
|
840
854
|
|
841
|
-
}
|
855
|
+
} /* #sidebar */
|
842
856
|
|
843
857
|
@media (hover: hover) {
|
844
858
|
#sidebar ul > li:last-child::after {
|
@@ -876,10 +890,14 @@ $sidebar-display: "sidebar-display";
|
|
876
890
|
z-index: 50;
|
877
891
|
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
|
878
892
|
background-color: var(--topbar-wrapper-bg);
|
893
|
+
|
894
|
+
[data-topbar-visible=false] & {
|
895
|
+
top: -$topbar-height; /* same as topbar height. */
|
896
|
+
}
|
879
897
|
}
|
880
898
|
|
881
899
|
#topbar {
|
882
|
-
i {
|
900
|
+
i { /* icons */
|
883
901
|
color: #999;
|
884
902
|
}
|
885
903
|
|
@@ -901,7 +919,7 @@ $sidebar-display: "sidebar-display";
|
|
901
919
|
}
|
902
920
|
}
|
903
921
|
}
|
904
|
-
}
|
922
|
+
} /* #topbar */
|
905
923
|
|
906
924
|
#sidebar-trigger,
|
907
925
|
#search-trigger {
|
@@ -921,12 +939,6 @@ $sidebar-display: "sidebar-display";
|
|
921
939
|
font-size: 0.9rem;
|
922
940
|
color: var(--search-icon-color);
|
923
941
|
}
|
924
|
-
|
925
|
-
.fa-times-circle { /* button 'clean up' */
|
926
|
-
@extend %cursor-pointer;
|
927
|
-
|
928
|
-
visibility: hidden;
|
929
|
-
}
|
930
942
|
}
|
931
943
|
|
932
944
|
#search-cancel { /* 'Cancel' link */
|
@@ -943,6 +955,7 @@ $sidebar-display: "sidebar-display";
|
|
943
955
|
border-radius: 0;
|
944
956
|
padding: 0.18rem 0.3rem;
|
945
957
|
color: var(--text-color);
|
958
|
+
height: auto;
|
946
959
|
|
947
960
|
&:focus {
|
948
961
|
box-shadow: none;
|
@@ -1006,7 +1019,7 @@ $sidebar-display: "sidebar-display";
|
|
1006
1019
|
margin-bottom: 1rem;
|
1007
1020
|
}
|
1008
1021
|
|
1009
|
-
i {
|
1022
|
+
i { /* icons */
|
1010
1023
|
color: #818182;
|
1011
1024
|
margin-right: 0.15rem;
|
1012
1025
|
font-size: 80%;
|
@@ -1020,7 +1033,7 @@ $sidebar-display: "sidebar-display";
|
|
1020
1033
|
-webkit-box-orient: vertical;
|
1021
1034
|
}
|
1022
1035
|
}
|
1023
|
-
}
|
1036
|
+
} /* #search-results */
|
1024
1037
|
|
1025
1038
|
#topbar-title {
|
1026
1039
|
display: none;
|
@@ -1090,7 +1103,7 @@ $sidebar-display: "sidebar-display";
|
|
1090
1103
|
}
|
1091
1104
|
}
|
1092
1105
|
|
1093
|
-
div.row:first-of-type:last-of-type {
|
1106
|
+
div.row:first-of-type:last-of-type { /* alone */
|
1094
1107
|
margin-bottom: 4rem;
|
1095
1108
|
}
|
1096
1109
|
}
|
@@ -1143,7 +1156,25 @@ $sidebar-display: "sidebar-display";
|
|
1143
1156
|
|
1144
1157
|
@media all and (max-width: 576px) {
|
1145
1158
|
|
1146
|
-
$footer-height: $footer-height-mobile;
|
1159
|
+
$footer-height: $footer-height-mobile; /* overwrite */
|
1160
|
+
|
1161
|
+
footer {
|
1162
|
+
height: $footer-height;
|
1163
|
+
|
1164
|
+
> div.d-flex {
|
1165
|
+
width: 100%;
|
1166
|
+
padding: 1.5rem 0;
|
1167
|
+
margin-bottom: 0.3rem;
|
1168
|
+
flex-wrap: wrap;
|
1169
|
+
-ms-flex-pack: distribute !important;
|
1170
|
+
justify-content: space-around !important;
|
1171
|
+
}
|
1172
|
+
|
1173
|
+
.footer-left,
|
1174
|
+
.footer-right {
|
1175
|
+
text-align: center;
|
1176
|
+
}
|
1177
|
+
}
|
1147
1178
|
|
1148
1179
|
#main > div.row:first-child > div:first-child {
|
1149
1180
|
min-height: calc(100vh - #{$topbar-height} - #{$footer-height});
|
@@ -1156,6 +1187,14 @@ $sidebar-display: "sidebar-display";
|
|
1156
1187
|
margin-top: 2.2rem;
|
1157
1188
|
font-size: 1.75rem;
|
1158
1189
|
}
|
1190
|
+
|
1191
|
+
.post-content {
|
1192
|
+
> blockquote[class^=prompt-] {
|
1193
|
+
@include ml-mr(-1.25rem);
|
1194
|
+
border-radius: 0;
|
1195
|
+
}
|
1196
|
+
}
|
1197
|
+
|
1159
1198
|
}
|
1160
1199
|
|
1161
1200
|
#avatar > a {
|
@@ -1171,31 +1210,19 @@ $sidebar-display: "sidebar-display";
|
|
1171
1210
|
padding-bottom: $footer-height;
|
1172
1211
|
}
|
1173
1212
|
|
1174
|
-
footer {
|
1175
|
-
height: $footer-height;
|
1176
|
-
|
1177
|
-
> div.d-flex {
|
1178
|
-
width: 100%;
|
1179
|
-
padding: 1.5rem 0;
|
1180
|
-
margin-bottom: 0.3rem;
|
1181
|
-
flex-wrap: wrap;
|
1182
|
-
-ms-flex-pack: distribute !important;
|
1183
|
-
justify-content: space-around !important;
|
1184
|
-
}
|
1185
|
-
|
1186
|
-
.footer-left,
|
1187
|
-
.footer-right {
|
1188
|
-
text-align: center;
|
1189
|
-
}
|
1190
|
-
}
|
1191
|
-
|
1192
1213
|
}
|
1193
1214
|
|
1194
1215
|
/* hide sidebar and panel */
|
1195
1216
|
@media all and (max-width: 849px) {
|
1196
|
-
|
1197
|
-
|
1198
|
-
|
1217
|
+
@mixin slide($append: null) {
|
1218
|
+
$basic: transform 0.4s ease;
|
1219
|
+
@if $append {
|
1220
|
+
-webkit-transition: $basic, $append;
|
1221
|
+
transition: $basic, $append;
|
1222
|
+
} @else {
|
1223
|
+
-webkit-transition: $basic;
|
1224
|
+
transition: $basic;
|
1225
|
+
}
|
1199
1226
|
}
|
1200
1227
|
|
1201
1228
|
html,
|
@@ -1203,15 +1230,6 @@ $sidebar-display: "sidebar-display";
|
|
1203
1230
|
overflow-x: hidden;
|
1204
1231
|
}
|
1205
1232
|
|
1206
|
-
.footnotes ol > li {
|
1207
|
-
padding-top: 3.5rem;
|
1208
|
-
margin-top: -3.2rem;
|
1209
|
-
|
1210
|
-
&:first-child {
|
1211
|
-
margin-top: -3.5rem;
|
1212
|
-
}
|
1213
|
-
}
|
1214
|
-
|
1215
1233
|
[#{$sidebar-display}] {
|
1216
1234
|
#sidebar {
|
1217
1235
|
transform: translateX(0);
|
@@ -1221,13 +1239,12 @@ $sidebar-display: "sidebar-display";
|
|
1221
1239
|
#main-wrapper {
|
1222
1240
|
transform: translateX(#{$sidebar-width});
|
1223
1241
|
}
|
1224
|
-
|
1225
1242
|
}
|
1226
1243
|
|
1227
1244
|
#sidebar {
|
1228
|
-
@
|
1245
|
+
@include slide;
|
1229
1246
|
|
1230
|
-
transform: translateX(-#{$sidebar-width});
|
1247
|
+
transform: translateX(-#{$sidebar-width}); /* hide */
|
1231
1248
|
-webkit-transform: translateX(-#{$sidebar-width});
|
1232
1249
|
|
1233
1250
|
.cursor {
|
@@ -1238,7 +1255,7 @@ $sidebar-display: "sidebar-display";
|
|
1238
1255
|
}
|
1239
1256
|
|
1240
1257
|
#main-wrapper {
|
1241
|
-
@
|
1258
|
+
@include slide;
|
1242
1259
|
|
1243
1260
|
padding-top: $topbar-height;
|
1244
1261
|
}
|
@@ -1253,15 +1270,11 @@ $sidebar-display: "sidebar-display";
|
|
1253
1270
|
}
|
1254
1271
|
|
1255
1272
|
#topbar-wrapper {
|
1256
|
-
@
|
1273
|
+
@include slide(top 0.2s ease);
|
1257
1274
|
|
1258
1275
|
left: 0;
|
1259
1276
|
}
|
1260
1277
|
|
1261
|
-
.topbar-up {
|
1262
|
-
top: 0 !important;
|
1263
|
-
}
|
1264
|
-
|
1265
1278
|
#main > div.row:first-child > div:nth-child(1),
|
1266
1279
|
#main > div.row:first-child > div:nth-child(2) {
|
1267
1280
|
margin-top: 0;
|
@@ -1277,10 +1290,6 @@ $sidebar-display: "sidebar-display";
|
|
1277
1290
|
&.loaded ~ a {
|
1278
1291
|
margin-right: 1rem;
|
1279
1292
|
}
|
1280
|
-
|
1281
|
-
.fa-times-circle {
|
1282
|
-
right: 5.2rem;
|
1283
|
-
}
|
1284
1293
|
}
|
1285
1294
|
|
1286
1295
|
#search-input {
|
@@ -1306,7 +1315,13 @@ $sidebar-display: "sidebar-display";
|
|
1306
1315
|
}
|
1307
1316
|
}
|
1308
1317
|
|
1309
|
-
}
|
1318
|
+
} /* max-width: 849px */
|
1319
|
+
|
1320
|
+
@media all and (max-width: 849px) and (orientation: portrait) {
|
1321
|
+
[data-topbar-visible=false] #topbar-wrapper {
|
1322
|
+
top: 0;
|
1323
|
+
}
|
1324
|
+
}
|
1310
1325
|
|
1311
1326
|
/* Phone & Pad */
|
1312
1327
|
@media all and (min-width: 577px) and (max-width: 1199px) {
|
@@ -1353,10 +1368,6 @@ $sidebar-display: "sidebar-display";
|
|
1353
1368
|
right: 1.2rem;
|
1354
1369
|
}
|
1355
1370
|
|
1356
|
-
.topbar-up {
|
1357
|
-
box-shadow: none !important;
|
1358
|
-
}
|
1359
|
-
|
1360
1371
|
#topbar-title {
|
1361
1372
|
text-align: left;
|
1362
1373
|
}
|
@@ -1523,10 +1534,6 @@ $sidebar-display: "sidebar-display";
|
|
1523
1534
|
}
|
1524
1535
|
}
|
1525
1536
|
|
1526
|
-
#search-wrapper .fa-times-circle {
|
1527
|
-
right: 2.6rem;
|
1528
|
-
}
|
1529
|
-
|
1530
1537
|
}
|
1531
1538
|
|
1532
1539
|
@media all and (min-width: 1400px) and (max-width: 1650px) {
|
@@ -1613,7 +1620,7 @@ $sidebar-display: "sidebar-display";
|
|
1613
1620
|
margin-top: 0.3rem;
|
1614
1621
|
}
|
1615
1622
|
|
1616
|
-
}
|
1623
|
+
} /* .profile-wrapper (min-width: 1650px) */
|
1617
1624
|
|
1618
1625
|
ul {
|
1619
1626
|
padding-left: 2.5rem;
|
@@ -1660,7 +1667,7 @@ $sidebar-display: "sidebar-display";
|
|
1660
1667
|
@include ml-mr(0.15rem);
|
1661
1668
|
|
1662
1669
|
height: $icon-block-size;
|
1663
|
-
margin-bottom: 0.5rem;
|
1670
|
+
margin-bottom: 0.5rem; /* wrap line */
|
1664
1671
|
}
|
1665
1672
|
|
1666
1673
|
i {
|
@@ -1683,9 +1690,9 @@ $sidebar-display: "sidebar-display";
|
|
1683
1690
|
top: 0.9rem;
|
1684
1691
|
}
|
1685
1692
|
|
1686
|
-
}
|
1693
|
+
} /* .sidebar-bottom */
|
1687
1694
|
|
1688
|
-
}
|
1695
|
+
} /* #sidebar */
|
1689
1696
|
|
1690
1697
|
footer > div.d-flex {
|
1691
1698
|
width: 92%;
|
@@ -1698,7 +1705,7 @@ $sidebar-display: "sidebar-display";
|
|
1698
1705
|
}
|
1699
1706
|
}
|
1700
1707
|
|
1701
|
-
}
|
1708
|
+
} /* min-width: 1650px */
|
1702
1709
|
|
1703
1710
|
@media all and (min-width: 1700px) {
|
1704
1711
|
#topbar-wrapper {
|