databook-theme 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (109) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.MD +1 -1
  4. data/_includes/blog/blog.liquid +50 -50
  5. data/_includes/blog/features.liquid +36 -36
  6. data/_includes/blog/full.liquid +3 -3
  7. data/_includes/blog/list.liquid +41 -41
  8. data/_includes/blog/post.liquid +6 -6
  9. data/_includes/components/analytics.google.liquid +11 -11
  10. data/_includes/components/analytics.liquid +11 -11
  11. data/_includes/components/comments.disqus.liquid +17 -17
  12. data/_includes/components/comments.gitalk.liquid +22 -22
  13. data/_includes/components/comments.liquid +13 -13
  14. data/_includes/components/navmenu.items.liquid +51 -51
  15. data/_includes/components/navmenu.liquid +4 -4
  16. data/_includes/components/pagination.liquid +83 -83
  17. data/_includes/components/prevnext.liquid +1 -1
  18. data/_includes/components/search.baidu.liquid +7 -7
  19. data/_includes/components/search.bing.liquid +6 -6
  20. data/_includes/components/search.google.liquid +6 -6
  21. data/_includes/components/search.liquid +21 -21
  22. data/_includes/components/social_button.liquid +9 -9
  23. data/_includes/components/social_link.liquid +14 -14
  24. data/_includes/components/title.liquid +41 -41
  25. data/_includes/components/toc.liquid +28 -28
  26. data/_includes/custom/analytics.liquid +3 -3
  27. data/_includes/custom/blog.liquid +3 -3
  28. data/_includes/custom/body.liquid +3 -3
  29. data/_includes/custom/comments.liquid +3 -3
  30. data/_includes/custom/favicon.liquid +11 -0
  31. data/_includes/custom/footer.liquid +3 -3
  32. data/_includes/custom/head.liquid +3 -3
  33. data/_includes/custom/katex.liquid +15 -15
  34. data/_includes/custom/mathjax.liquid +19 -19
  35. data/_includes/custom/search.liquid +3 -3
  36. data/_includes/extensions/toc.liquid +182 -182
  37. data/_includes/functions/get_config.liquid +11 -11
  38. data/_includes/functions/get_config_data.liquid +23 -23
  39. data/_includes/functions/get_icon.liquid +5 -5
  40. data/_includes/functions/get_page_meta.liquid +74 -60
  41. data/_includes/functions/get_page_thumbnail.liquid +22 -23
  42. data/_includes/functions/get_page_title.liquid +7 -7
  43. data/_includes/functions/get_recent_posts.liquid +17 -17
  44. data/_includes/functions/get_taxonomy_link.liquid +9 -9
  45. data/_includes/head/head.liquid +11 -12
  46. data/_includes/head/meta.liquid +50 -41
  47. data/_includes/head/requirements.liquid +87 -87
  48. data/_includes/head/styles.liquid +10 -10
  49. data/_includes/js/codes.js +116 -116
  50. data/_includes/js/scrollspy.js +16 -16
  51. data/_includes/layout/article.liquid +74 -71
  52. data/_includes/layout/footer.liquid +53 -53
  53. data/_includes/layout/header.liquid +31 -31
  54. data/_includes/layout/hero.liquid +29 -29
  55. data/_includes/layout/page.liquid +33 -33
  56. data/_includes/layout/pagehead.liquid +17 -17
  57. data/_includes/layout/sidebar.liquid +178 -178
  58. data/_includes/localize +29 -29
  59. data/_includes/notice +6 -6
  60. data/_includes/version +1 -1
  61. data/_layouts/article.liquid +10 -10
  62. data/_layouts/default.liquid +132 -131
  63. data/_layouts/home.liquid +20 -20
  64. data/_layouts/page.liquid +9 -9
  65. data/_layouts/post.liquid +9 -9
  66. data/_layouts/system.liquid +35 -35
  67. data/_layouts/taxonomy.liquid +67 -67
  68. data/_sass/_databook.scss +42 -42
  69. data/_sass/_debug.scss +7 -7
  70. data/_sass/_variables.scss +24 -24
  71. data/_sass/base/_mixins.scss +32 -32
  72. data/_sass/base/_normalize.scss +45 -45
  73. data/_sass/base/_responsive.scss +28 -28
  74. data/_sass/components/_archive.scss +49 -49
  75. data/_sass/components/_blog.scss +249 -249
  76. data/_sass/components/_forms.scss +30 -30
  77. data/_sass/components/_hero.scss +70 -70
  78. data/_sass/components/_misc.scss +3 -3
  79. data/_sass/components/_notice.scss +27 -27
  80. data/_sass/components/_notification.scss +10 -10
  81. data/_sass/components/_post.scss +19 -19
  82. data/_sass/components/_sidebar.scss +303 -303
  83. data/_sass/components/_tabs.scss +67 -67
  84. data/_sass/components/_text.scss +27 -27
  85. data/_sass/components/_toc.scss +50 -50
  86. data/_sass/layout/_article.scss +211 -211
  87. data/_sass/layout/_body.scss +26 -26
  88. data/_sass/layout/_footer.scss +75 -75
  89. data/_sass/layout/_header.scss +124 -124
  90. data/_sass/layout/_main.scss +8 -8
  91. data/_sass/layout/_misc.scss +7 -7
  92. data/_sass/layout/_navbar.scss +323 -323
  93. data/_sass/layout/_sidebar.scss +115 -115
  94. data/_sass/layout/_wrapper.scss +7 -7
  95. data/_sass/theme/_scheme.scss +112 -112
  96. data/_sass/typography/_article.scss +49 -49
  97. data/_sass/typography/_doc.scss +104 -104
  98. data/_sass/typography/_highlight.scss +208 -208
  99. data/_sass/typography/_markdown.scss +18 -18
  100. data/_sass/typography/_table.scss +119 -119
  101. data/_sass/typography/_typography.scss +103 -108
  102. data/_sass/utilities/_thinscrollbar.scss +35 -35
  103. data/assets/databook/css/databook.scss +6 -6
  104. data/assets/databook/js/databook.js +8 -8
  105. data/assets/databook/js/search.js +47 -47
  106. data/assets/databook/version.json +9 -9
  107. data/assets/search.json +30 -30
  108. metadata +8 -8
  109. data/_includes/head/opengraph.liquid +0 -1
data/_sass/typography/_doc.scss CHANGED
@@ -1,104 +1,104 @@
1
- $background-color: var(--db-surface-color);
2
- $border-color: var(--db-accent-color);
3
-
4
- .l-typography--doc {
5
- h1 {
6
- --db-h-font-size: 2rem;
7
- --db-h-padding: 1rem;
8
- --db-h-margin: 2rem;
9
- --db-h-border-width: 1.5rem;
10
- --db-h-background-color: #{$border-color};
11
- --db-h-color: var(--db-control-text-color);
12
- --db-h-border-left: #{$border-color};
13
- --db-h-border-radius: #{$border-radius-object} 0 0 #{$border-radius-object};
14
- }
15
- h2 {
16
- --db-h-font-size: 1.75rem;
17
- --db-h-padding: .5rem 1rem;
18
- --db-h-margin: 1.5rem;
19
- --db-h-border-width: .8rem;
20
- --db-h-background-color: #{$background-color};
21
- --db-h-border-left: #{$border-color};
22
- --db-h-border-bottom: #{$border-color};
23
- --db-h-border-radius: #{$border-radius-object} 0 0 #{$border-radius-object};
24
- }
25
- h3 {
26
- --db-h-font-size: 1.5rem;
27
- --db-h-padding: .5rem .5rem;
28
- --db-h-margin: 1.75rem;
29
- --db-h-border-width: .6rem;
30
- --db-h-border-left: #{$border-color};
31
- --db-h-border-bottom: #{$border-color};
32
- --db-h-border-radius: #{$border-radius-object} #{$border-radius-object} 0 #{$border-radius-object};
33
- }
34
- h4 {
35
- --db-h-font-size: 1.4rem;
36
- --db-h-padding: .25rem .5rem;
37
- --db-h-border-width: .5rem;
38
- --db-h-margin: 1.5rem;
39
- --db-h-border-left: #{$border-color};
40
- --db-h-border-radius: #{$border-radius-object};
41
- }
42
- h5 {
43
- --db-h-font-size: 1.3rem;
44
- --db-h-padding: 0 .5rem;
45
- --db-h-border-width: .4rem;
46
- --db-h-margin: 1rem;
47
- --db-h-border-left: #{$border-color};
48
- --db-h-border-radius: #{$border-radius-object};
49
- }
50
- h6 {
51
- --db-h-font-size: 1.2rem;
52
- --db-h-padding: 0 .5rem;
53
- --db-h-border-width: .3rem;
54
- --db-h-margin: 1rem;
55
- --db-h-border-left: #{$border-color};
56
- --db-h-border-radius: #{$border-radius-object};
57
- }
58
-
59
- h1, h2, h3, h4, h5, h6 {
60
- position: relative;
61
- background-color: var(--db-h-background-color);
62
- font-weight: bold;
63
- color: var(--db-h-color, var(--db-text-color-important));
64
- font-size: var(--db-h-font-size);
65
- padding: var(--db-h-padding);
66
- margin-bottom: var(--db-h-margin);
67
-
68
- &:not(:first-child) {
69
- margin-top: var(--db-h-margin);
70
- }
71
-
72
- &::before {
73
- background-color: var(--db-h-border-left, unset);
74
- content: "";
75
- width: var(--db-h-border-width);
76
- left: calc(0px - var(--db-h-border-width));
77
- height: 100%;
78
- position: absolute;
79
- top: 0;
80
- border-radius: var(--db-h-border-radius, unset);
81
- }
82
-
83
- &::after {
84
- background-color: var(--db-h-border-bottom, unset);
85
- content: "";
86
- width: 100%;
87
- left: 0;
88
- bottom: 0;
89
- height: 1px;
90
- position: absolute;
91
- }
92
-
93
- }
94
-
95
- h1 {
96
- border-radius: 0 #{$border-radius-object} #{$border-radius-object} 0;
97
- }
98
-
99
- blockquote {
100
- h1, h2, h3, h4, h5, h6 {
101
- margin-left: 1rem;
102
- }
103
- }
104
- }
1
+ $background-color: var(--db-surface-color);
2
+ $border-color: var(--db-accent-color);
3
+
4
+ .l-typography--doc {
5
+ h1 {
6
+ --db-h-font-size: 2rem;
7
+ --db-h-padding: 1rem;
8
+ --db-h-margin: 2rem;
9
+ --db-h-border-width: 1.5rem;
10
+ --db-h-background-color: #{$border-color};
11
+ --db-h-color: var(--db-control-text-color);
12
+ --db-h-border-left: #{$border-color};
13
+ --db-h-border-radius: #{$border-radius-object} 0 0 #{$border-radius-object};
14
+ }
15
+ h2 {
16
+ --db-h-font-size: 1.75rem;
17
+ --db-h-padding: .5rem 1rem;
18
+ --db-h-margin: 1.5rem;
19
+ --db-h-border-width: .8rem;
20
+ --db-h-background-color: #{$background-color};
21
+ --db-h-border-left: #{$border-color};
22
+ --db-h-border-bottom: #{$border-color};
23
+ --db-h-border-radius: #{$border-radius-object} 0 0 #{$border-radius-object};
24
+ }
25
+ h3 {
26
+ --db-h-font-size: 1.5rem;
27
+ --db-h-padding: .5rem .5rem;
28
+ --db-h-margin: 1.75rem;
29
+ --db-h-border-width: .6rem;
30
+ --db-h-border-left: #{$border-color};
31
+ --db-h-border-bottom: #{$border-color};
32
+ --db-h-border-radius: #{$border-radius-object} #{$border-radius-object} 0 #{$border-radius-object};
33
+ }
34
+ h4 {
35
+ --db-h-font-size: 1.4rem;
36
+ --db-h-padding: .25rem .5rem;
37
+ --db-h-border-width: .5rem;
38
+ --db-h-margin: 1.5rem;
39
+ --db-h-border-left: #{$border-color};
40
+ --db-h-border-radius: #{$border-radius-object};
41
+ }
42
+ h5 {
43
+ --db-h-font-size: 1.3rem;
44
+ --db-h-padding: 0 .5rem;
45
+ --db-h-border-width: .4rem;
46
+ --db-h-margin: 1rem;
47
+ --db-h-border-left: #{$border-color};
48
+ --db-h-border-radius: #{$border-radius-object};
49
+ }
50
+ h6 {
51
+ --db-h-font-size: 1.2rem;
52
+ --db-h-padding: 0 .5rem;
53
+ --db-h-border-width: .3rem;
54
+ --db-h-margin: 1rem;
55
+ --db-h-border-left: #{$border-color};
56
+ --db-h-border-radius: #{$border-radius-object};
57
+ }
58
+
59
+ h1, h2, h3, h4, h5, h6 {
60
+ position: relative;
61
+ background-color: var(--db-h-background-color);
62
+ font-weight: bold;
63
+ color: var(--db-h-color, var(--db-text-color-important));
64
+ font-size: var(--db-h-font-size);
65
+ padding: var(--db-h-padding);
66
+ margin-bottom: var(--db-h-margin);
67
+
68
+ &:not(:first-child) {
69
+ margin-top: var(--db-h-margin);
70
+ }
71
+
72
+ &::before {
73
+ background-color: var(--db-h-border-left, unset);
74
+ content: "";
75
+ width: var(--db-h-border-width);
76
+ left: calc(0px - var(--db-h-border-width));
77
+ height: 100%;
78
+ position: absolute;
79
+ top: 0;
80
+ border-radius: var(--db-h-border-radius, unset);
81
+ }
82
+
83
+ &::after {
84
+ background-color: var(--db-h-border-bottom, unset);
85
+ content: "";
86
+ width: 100%;
87
+ left: 0;
88
+ bottom: 0;
89
+ height: 1px;
90
+ position: absolute;
91
+ }
92
+
93
+ }
94
+
95
+ h1 {
96
+ border-radius: 0 #{$border-radius-object} #{$border-radius-object} 0;
97
+ }
98
+
99
+ blockquote {
100
+ h1, h2, h3, h4, h5, h6 {
101
+ margin-left: 1rem;
102
+ }
103
+ }
104
+ }
data/_sass/typography/_highlight.scss CHANGED
@@ -1,208 +1,208 @@
1
- // https://github.com/pages-themes/minimal/blob/master/_sass/rouge-github.scss
2
-
3
- .highlight {
4
- .cm {
5
- color: #999988;
6
- font-style: italic;
7
- }
8
- .cp {
9
- color: #999999;
10
- font-weight: bold;
11
- }
12
- .c1 {
13
- color: #999988;
14
- font-style: italic;
15
- }
16
- .cs {
17
- color: #999999;
18
- font-weight: bold;
19
- font-style: italic;
20
- }
21
- .c, .cd {
22
- color: #999988;
23
- font-style: italic;
24
- }
25
- .err {
26
- color: #a61717;
27
- background-color: #e3d2d2;
28
- }
29
- .gd {
30
- color: #000000;
31
- background-color: #ffdddd;
32
- }
33
- .ge {
34
- color: #000000;
35
- font-style: italic;
36
- }
37
- .gr {
38
- color: #aa0000;
39
- }
40
- .gh {
41
- color: #999999;
42
- }
43
- .gi {
44
- color: #000000;
45
- background-color: #ddffdd;
46
- }
47
- .go {
48
- color: #888888;
49
- }
50
- .gp {
51
- color: #555555;
52
- }
53
- .gs {
54
- font-weight: bold;
55
- }
56
- .gu {
57
- color: #aaaaaa;
58
- }
59
- .gt {
60
- color: #aa0000;
61
- }
62
- .kc {
63
- color: #000000;
64
- font-weight: bold;
65
- }
66
- .kd {
67
- color: #000000;
68
- font-weight: bold;
69
- }
70
- .kn {
71
- color: #000000;
72
- font-weight: bold;
73
- }
74
- .kp {
75
- color: #000000;
76
- font-weight: bold;
77
- }
78
- .kr {
79
- color: #000000;
80
- font-weight: bold;
81
- }
82
- .kt {
83
- color: #445588;
84
- font-weight: bold;
85
- }
86
- .k, .kv {
87
- color: #000000;
88
- font-weight: bold;
89
- }
90
- .mf {
91
- color: #009999;
92
- }
93
- .mh {
94
- color: #009999;
95
- }
96
- .il {
97
- color: #009999;
98
- }
99
- .mi {
100
- color: #009999;
101
- }
102
- .mo {
103
- color: #009999;
104
- }
105
- .m, .mb, .mx {
106
- color: #009999;
107
- }
108
- .sb {
109
- color: #d14;
110
- }
111
- .sc {
112
- color: #d14;
113
- }
114
- .sd {
115
- color: #d14;
116
- }
117
- .s2 {
118
- color: #d14;
119
- }
120
- .se {
121
- color: #d14;
122
- }
123
- .sh {
124
- color: #d14;
125
- }
126
- .si {
127
- color: #d14;
128
- }
129
- .sx {
130
- color: #d14;
131
- }
132
- .sr {
133
- color: #009926;
134
- }
135
- .s1 {
136
- color: #d14;
137
- }
138
- .ss {
139
- color: #990073;
140
- }
141
- .s {
142
- color: #d14;
143
- }
144
- .na {
145
- color: #008080;
146
- }
147
- .bp {
148
- color: #999999;
149
- }
150
- .nb {
151
- color: #0086B3;
152
- }
153
- .nc {
154
- color: #445588;
155
- font-weight: bold;
156
- }
157
- .no {
158
- color: #008080;
159
- }
160
- .nd {
161
- color: #3c5d5d;
162
- font-weight: bold;
163
- }
164
- .ni {
165
- color: #800080;
166
- }
167
- .ne {
168
- color: #990000;
169
- font-weight: bold;
170
- }
171
- .nf {
172
- color: #990000;
173
- font-weight: bold;
174
- }
175
- .nl {
176
- color: #990000;
177
- font-weight: bold;
178
- }
179
- .nn {
180
- color: #555555;
181
- }
182
- .nt {
183
- color: #000080;
184
- }
185
- .vc {
186
- color: #008080;
187
- }
188
- .vg {
189
- color: #008080;
190
- }
191
- .vi {
192
- color: #008080;
193
- }
194
- .nv {
195
- color: #008080;
196
- }
197
- .ow {
198
- color: #000000;
199
- font-weight: bold;
200
- }
201
- .o {
202
- color: #000000;
203
- font-weight: bold;
204
- }
205
- .w {
206
- color: #bbbbbb;
207
- }
208
- }
1
+ // https://github.com/pages-themes/minimal/blob/master/_sass/rouge-github.scss
2
+
3
+ .highlight {
4
+ .cm {
5
+ color: #999988;
6
+ font-style: italic;
7
+ }
8
+ .cp {
9
+ color: #999999;
10
+ font-weight: bold;
11
+ }
12
+ .c1 {
13
+ color: #999988;
14
+ font-style: italic;
15
+ }
16
+ .cs {
17
+ color: #999999;
18
+ font-weight: bold;
19
+ font-style: italic;
20
+ }
21
+ .c, .cd {
22
+ color: #999988;
23
+ font-style: italic;
24
+ }
25
+ .err {
26
+ color: #a61717;
27
+ background-color: #e3d2d2;
28
+ }
29
+ .gd {
30
+ color: #000000;
31
+ background-color: #ffdddd;
32
+ }
33
+ .ge {
34
+ color: #000000;
35
+ font-style: italic;
36
+ }
37
+ .gr {
38
+ color: #aa0000;
39
+ }
40
+ .gh {
41
+ color: #999999;
42
+ }
43
+ .gi {
44
+ color: #000000;
45
+ background-color: #ddffdd;
46
+ }
47
+ .go {
48
+ color: #888888;
49
+ }
50
+ .gp {
51
+ color: #555555;
52
+ }
53
+ .gs {
54
+ font-weight: bold;
55
+ }
56
+ .gu {
57
+ color: #aaaaaa;
58
+ }
59
+ .gt {
60
+ color: #aa0000;
61
+ }
62
+ .kc {
63
+ color: #000000;
64
+ font-weight: bold;
65
+ }
66
+ .kd {
67
+ color: #000000;
68
+ font-weight: bold;
69
+ }
70
+ .kn {
71
+ color: #000000;
72
+ font-weight: bold;
73
+ }
74
+ .kp {
75
+ color: #000000;
76
+ font-weight: bold;
77
+ }
78
+ .kr {
79
+ color: #000000;
80
+ font-weight: bold;
81
+ }
82
+ .kt {
83
+ color: #445588;
84
+ font-weight: bold;
85
+ }
86
+ .k, .kv {
87
+ color: #000000;
88
+ font-weight: bold;
89
+ }
90
+ .mf {
91
+ color: #009999;
92
+ }
93
+ .mh {
94
+ color: #009999;
95
+ }
96
+ .il {
97
+ color: #009999;
98
+ }
99
+ .mi {
100
+ color: #009999;
101
+ }
102
+ .mo {
103
+ color: #009999;
104
+ }
105
+ .m, .mb, .mx {
106
+ color: #009999;
107
+ }
108
+ .sb {
109
+ color: #d14;
110
+ }
111
+ .sc {
112
+ color: #d14;
113
+ }
114
+ .sd {
115
+ color: #d14;
116
+ }
117
+ .s2 {
118
+ color: #d14;
119
+ }
120
+ .se {
121
+ color: #d14;
122
+ }
123
+ .sh {
124
+ color: #d14;
125
+ }
126
+ .si {
127
+ color: #d14;
128
+ }
129
+ .sx {
130
+ color: #d14;
131
+ }
132
+ .sr {
133
+ color: #009926;
134
+ }
135
+ .s1 {
136
+ color: #d14;
137
+ }
138
+ .ss {
139
+ color: #990073;
140
+ }
141
+ .s {
142
+ color: #d14;
143
+ }
144
+ .na {
145
+ color: #008080;
146
+ }
147
+ .bp {
148
+ color: #999999;
149
+ }
150
+ .nb {
151
+ color: #0086B3;
152
+ }
153
+ .nc {
154
+ color: #445588;
155
+ font-weight: bold;
156
+ }
157
+ .no {
158
+ color: #008080;
159
+ }
160
+ .nd {
161
+ color: #3c5d5d;
162
+ font-weight: bold;
163
+ }
164
+ .ni {
165
+ color: #800080;
166
+ }
167
+ .ne {
168
+ color: #990000;
169
+ font-weight: bold;
170
+ }
171
+ .nf {
172
+ color: #990000;
173
+ font-weight: bold;
174
+ }
175
+ .nl {
176
+ color: #990000;
177
+ font-weight: bold;
178
+ }
179
+ .nn {
180
+ color: #555555;
181
+ }
182
+ .nt {
183
+ color: #000080;
184
+ }
185
+ .vc {
186
+ color: #008080;
187
+ }
188
+ .vg {
189
+ color: #008080;
190
+ }
191
+ .vi {
192
+ color: #008080;
193
+ }
194
+ .nv {
195
+ color: #008080;
196
+ }
197
+ .ow {
198
+ color: #000000;
199
+ font-weight: bold;
200
+ }
201
+ .o {
202
+ color: #000000;
203
+ font-weight: bold;
204
+ }
205
+ .w {
206
+ color: #bbbbbb;
207
+ }
208
+ }
data/_sass/typography/_markdown.scss CHANGED
@@ -1,18 +1,18 @@
1
- .footnote {
2
- color: #666;
3
- &::before {
4
- content: "[";
5
- }
6
- &::after {
7
- content: "]";
8
- }
9
- }
10
-
11
- .footnotes {
12
- border-top: 1px dashed #ccc;
13
- margin-top: 2rem;
14
- padding-top: 1rem;
15
- font-size: small;
16
- margin-bottom: $spacing-unit / 2;
17
- color: #666;
18
- }
1
+ .footnote {
2
+ color: #666;
3
+ &::before {
4
+ content: "[";
5
+ }
6
+ &::after {
7
+ content: "]";
8
+ }
9
+ }
10
+
11
+ .footnotes {
12
+ border-top: 1px dashed #ccc;
13
+ margin-top: 2rem;
14
+ padding-top: 1rem;
15
+ font-size: small;
16
+ margin-bottom: $spacing-unit / 2;
17
+ color: #666;
18
+ }