jekyll-text-theme-fork 2.2.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (224) hide show
  1. checksums.yaml +7 -0
  2. data/CHANGELOG.md +235 -0
  3. data/LICENSE +21 -0
  4. data/README.md +89 -0
  5. data/_data/authors.yml +0 -0
  6. data/_data/licenses.yml +16 -0
  7. data/_data/locale.yml +169 -0
  8. data/_data/navigation.yml +52 -0
  9. data/_data/variables.yml +64 -0
  10. data/_includes/analytics-providers/custom.html +3 -0
  11. data/_includes/analytics-providers/google.html +14 -0
  12. data/_includes/analytics.html +7 -0
  13. data/_includes/article/footer/author-profile.html +47 -0
  14. data/_includes/article/footer/custom.html +3 -0
  15. data/_includes/article/footer/license.html +14 -0
  16. data/_includes/article/footer/subscribe.html +6 -0
  17. data/_includes/article/top/custom.html +3 -0
  18. data/_includes/article-footer.html +55 -0
  19. data/_includes/article-header.html +49 -0
  20. data/_includes/article-info.html +96 -0
  21. data/_includes/article-list.html +144 -0
  22. data/_includes/article-section-navigator.html +54 -0
  23. data/_includes/aside/toc.html +1 -0
  24. data/_includes/author-links.html +120 -0
  25. data/_includes/comments-providers/custom.html +3 -0
  26. data/_includes/comments-providers/disqus.html +22 -0
  27. data/_includes/comments-providers/gitalk.html +39 -0
  28. data/_includes/comments-providers/valine.html +46 -0
  29. data/_includes/comments.html +11 -0
  30. data/_includes/extensions/bilibili.html +5 -0
  31. data/_includes/extensions/codepen.html +4 -0
  32. data/_includes/extensions/netease-cloud-music.html +4 -0
  33. data/_includes/extensions/slideshare.html +6 -0
  34. data/_includes/extensions/soundcloud.html +4 -0
  35. data/_includes/extensions/ted.html +5 -0
  36. data/_includes/extensions/youtube.html +4 -0
  37. data/_includes/footer.html +37 -0
  38. data/_includes/head/custom.html +3 -0
  39. data/_includes/head/favicon.html +26 -0
  40. data/_includes/head.html +24 -0
  41. data/_includes/header.html +44 -0
  42. data/_includes/main/bottom/custom.html +3 -0
  43. data/_includes/main/top/custom.html +3 -0
  44. data/_includes/markdown-enhancements/chart.html +15 -0
  45. data/_includes/markdown-enhancements/mathjax.html +17 -0
  46. data/_includes/markdown-enhancements/mermaid.html +10 -0
  47. data/_includes/markdown-enhancements.html +17 -0
  48. data/_includes/pageview-providers/custom/home.html +3 -0
  49. data/_includes/pageview-providers/custom/post.html +3 -0
  50. data/_includes/pageview-providers/leancloud/home.html +35 -0
  51. data/_includes/pageview-providers/leancloud/leancloud.js +72 -0
  52. data/_includes/pageview-providers/leancloud/post.html +31 -0
  53. data/_includes/pageview.html +29 -0
  54. data/_includes/paginator.html +98 -0
  55. data/_includes/scripts/archieve.js +135 -0
  56. data/_includes/scripts/article.js +24 -0
  57. data/_includes/scripts/aside/affix.js +26 -0
  58. data/_includes/scripts/aside/toc.js +35 -0
  59. data/_includes/scripts/common.js +7 -0
  60. data/_includes/scripts/components/lightbox.js +49 -0
  61. data/_includes/scripts/components/search.js +86 -0
  62. data/_includes/scripts/components/sidebar.js +30 -0
  63. data/_includes/scripts/home.js +3 -0
  64. data/_includes/scripts/lib/affix.js +111 -0
  65. data/_includes/scripts/lib/gallery.js +192 -0
  66. data/_includes/scripts/lib/lazyload.js +143 -0
  67. data/_includes/scripts/lib/modal.js +64 -0
  68. data/_includes/scripts/lib/scroll-to.js +13 -0
  69. data/_includes/scripts/lib/swiper.js +203 -0
  70. data/_includes/scripts/lib/throttle.js +28 -0
  71. data/_includes/scripts/lib/toc.js +107 -0
  72. data/_includes/scripts/page.js +3 -0
  73. data/_includes/scripts/utils/imagesLoad.js +28 -0
  74. data/_includes/scripts/utils/utils.js +39 -0
  75. data/_includes/scripts/variables.html +35 -0
  76. data/_includes/search-providers/custom/search.html +3 -0
  77. data/_includes/search-providers/default/search-data.js +14 -0
  78. data/_includes/search-providers/default/search.html +18 -0
  79. data/_includes/search-providers/default/search.js +112 -0
  80. data/_includes/search-providers/google-custom-search-engine/search.html +21 -0
  81. data/_includes/search-providers/google-custom-search-engine/search.js +33 -0
  82. data/_includes/search.html +20 -0
  83. data/_includes/sharing-providers/addthis.html +9 -0
  84. data/_includes/sharing-providers/addtoany.html +10 -0
  85. data/_includes/sharing-providers/custom.html +3 -0
  86. data/_includes/sharing.html +7 -0
  87. data/_includes/sidebar/toc.html +25 -0
  88. data/_includes/snippets/assign.html +9 -0
  89. data/_includes/snippets/get-article-title.html +11 -0
  90. data/_includes/snippets/get-lang.html +6 -0
  91. data/_includes/snippets/get-locale-string.html +12 -0
  92. data/_includes/snippets/get-nav-url.html +8 -0
  93. data/_includes/snippets/get-sources.html +2 -0
  94. data/_includes/snippets/get-string-from-locale-config.html +7 -0
  95. data/_includes/snippets/is_collection.html +6 -0
  96. data/_includes/snippets/page-url.html +2 -0
  97. data/_includes/snippets/prepend-baseurl.html +4 -0
  98. data/_includes/snippets/prepend-path.html +1 -0
  99. data/_includes/svg/icon/social/behance.svg +3 -0
  100. data/_includes/svg/icon/social/douban.svg +5 -0
  101. data/_includes/svg/icon/social/facebook.svg +3 -0
  102. data/_includes/svg/icon/social/flicker.svg +5 -0
  103. data/_includes/svg/icon/social/github.svg +3 -0
  104. data/_includes/svg/icon/social/googleplus.svg +3 -0
  105. data/_includes/svg/icon/social/linkedin.svg +3 -0
  106. data/_includes/svg/icon/social/mail.svg +6 -0
  107. data/_includes/svg/icon/social/medium.svg +3 -0
  108. data/_includes/svg/icon/social/npm.svg +9 -0
  109. data/_includes/svg/icon/social/pinterest.svg +3 -0
  110. data/_includes/svg/icon/social/qq.svg +3 -0
  111. data/_includes/svg/icon/social/telegram.svg +4 -0
  112. data/_includes/svg/icon/social/twitter.svg +3 -0
  113. data/_includes/svg/icon/social/weibo.svg +6 -0
  114. data/_includes/svg/icon/social/weixin.svg +3 -0
  115. data/_includes/svg/icon/social/zhihu.svg +3 -0
  116. data/_includes/svg/logo.svg +8 -0
  117. data/_includes/tags.html +52 -0
  118. data/_layouts/404.html +13 -0
  119. data/_layouts/archive.html +40 -0
  120. data/_layouts/article.html +29 -0
  121. data/_layouts/articles.html +89 -0
  122. data/_layouts/base.html +25 -0
  123. data/_layouts/home.html +43 -0
  124. data/_layouts/landing.html +178 -0
  125. data/_layouts/none.html +1 -0
  126. data/_layouts/page.html +270 -0
  127. data/_sass/additional/_alert.scss +29 -0
  128. data/_sass/additional/_photo-frame.scss +17 -0
  129. data/_sass/additional/_tag.scss +21 -0
  130. data/_sass/animate/_fade-in-down.scss +10 -0
  131. data/_sass/animate/_fade-in-up.scss +10 -0
  132. data/_sass/animate/_fade-in.scss +8 -0
  133. data/_sass/common/_classes.scss +24 -0
  134. data/_sass/common/_function.scss +15 -0
  135. data/_sass/common/_print.scss +20 -0
  136. data/_sass/common/_reset.scss +174 -0
  137. data/_sass/common/_variables.scss +150 -0
  138. data/_sass/common/classes/_animation.scss +13 -0
  139. data/_sass/common/classes/_clearfix.scss +19 -0
  140. data/_sass/common/classes/_clickable.scss +159 -0
  141. data/_sass/common/classes/_display.scss +13 -0
  142. data/_sass/common/classes/_flex.scss +394 -0
  143. data/_sass/common/classes/_grid.scss +80 -0
  144. data/_sass/common/classes/_horizontal-rules.scss +14 -0
  145. data/_sass/common/classes/_link.scss +12 -0
  146. data/_sass/common/classes/_media.scss +17 -0
  147. data/_sass/common/classes/_overflow.scss +26 -0
  148. data/_sass/common/classes/_pseudo.scss +33 -0
  149. data/_sass/common/classes/_shadow.scss +22 -0
  150. data/_sass/common/classes/_spacing.scss +81 -0
  151. data/_sass/common/classes/_split-line.scss +24 -0
  152. data/_sass/common/classes/_text.scss +37 -0
  153. data/_sass/common/classes/_transform.scss +4 -0
  154. data/_sass/common/classes/_transition.scss +4 -0
  155. data/_sass/common/classes/_user-select.scss +6 -0
  156. data/_sass/common/components/_button.scss +163 -0
  157. data/_sass/common/components/_card.scss +103 -0
  158. data/_sass/common/components/_gallery.scss +21 -0
  159. data/_sass/common/components/_hero.scss +70 -0
  160. data/_sass/common/components/_image.scss +19 -0
  161. data/_sass/common/components/_item.scss +100 -0
  162. data/_sass/common/components/_menu.scss +67 -0
  163. data/_sass/common/components/_modal.scss +39 -0
  164. data/_sass/common/components/_swiper.scss +48 -0
  165. data/_sass/common/components/_toc.scss +124 -0
  166. data/_sass/components/_article-content.scss +221 -0
  167. data/_sass/components/_article-footer.scss +17 -0
  168. data/_sass/components/_article-header.scss +50 -0
  169. data/_sass/components/_article-info.scss +25 -0
  170. data/_sass/components/_article-list.scss +18 -0
  171. data/_sass/components/_author-links.scss +43 -0
  172. data/_sass/components/_author-profile.scss +26 -0
  173. data/_sass/components/_extensions.scss +35 -0
  174. data/_sass/components/_footer.scss +33 -0
  175. data/_sass/components/_header.scss +123 -0
  176. data/_sass/components/_lightbox.scss +7 -0
  177. data/_sass/components/_main.scss +28 -0
  178. data/_sass/components/_search.scss +186 -0
  179. data/_sass/components/_tags.scss +24 -0
  180. data/_sass/custom.scss +3 -0
  181. data/_sass/layout/_404.scss +14 -0
  182. data/_sass/layout/_archive.scss +5 -0
  183. data/_sass/layout/_article.scss +29 -0
  184. data/_sass/layout/_articles.scss +17 -0
  185. data/_sass/layout/_base.scss +6 -0
  186. data/_sass/layout/_home.scss +15 -0
  187. data/_sass/layout/_landing.scss +23 -0
  188. data/_sass/layout/_page.scss +165 -0
  189. data/_sass/skins/_chocolate.scss +74 -0
  190. data/_sass/skins/_dark.scss +74 -0
  191. data/_sass/skins/_default.scss +74 -0
  192. data/_sass/skins/_forest.scss +74 -0
  193. data/_sass/skins/_ocean.scss +74 -0
  194. data/_sass/skins/_orange.scss +74 -0
  195. data/_sass/skins/highlight/_default.scss +0 -0
  196. data/_sass/skins/highlight/_tomorrow-night-blue.scss +2 -0
  197. data/_sass/skins/highlight/_tomorrow-night-bright.scss +2 -0
  198. data/_sass/skins/highlight/_tomorrow-night-eighties.scss +2 -0
  199. data/_sass/skins/highlight/_tomorrow-night.scss +2 -0
  200. data/_sass/skins/highlight/_tomorrow.scss +2 -0
  201. data/_sass/skins/highlight/tomorrow/_default.scss +10 -0
  202. data/_sass/skins/highlight/tomorrow/_highlight.scss +74 -0
  203. data/_sass/skins/highlight/tomorrow/_night-blue.scss +10 -0
  204. data/_sass/skins/highlight/tomorrow/_night-bright.scss +10 -0
  205. data/_sass/skins/highlight/tomorrow/_night-eighties.scss +10 -0
  206. data/_sass/skins/highlight/tomorrow/_night.scss +10 -0
  207. data/assets/android-chrome-192x192.png +0 -0
  208. data/assets/android-chrome-512x512.png +0 -0
  209. data/assets/apple-touch-icon.png +0 -0
  210. data/assets/browserconfig.xml +9 -0
  211. data/assets/css/main.scss +74 -0
  212. data/assets/favicon-16x16.png +0 -0
  213. data/assets/favicon-32x32.png +0 -0
  214. data/assets/favicon.ico +0 -0
  215. data/assets/images/logo/logo.svg +8 -0
  216. data/assets/mstile-144x144.png +0 -0
  217. data/assets/mstile-150x150.png +0 -0
  218. data/assets/mstile-310x150.png +0 -0
  219. data/assets/mstile-310x310.png +0 -0
  220. data/assets/mstile-70x70.png +0 -0
  221. data/assets/safari-pinned-tab.svg +38 -0
  222. data/assets/search.js +3 -0
  223. data/assets/site.webmanifest +19 -0
  224. metadata +371 -0
@@ -0,0 +1,270 @@
1
+ ---
2
+ layout: base
3
+ ---
4
+ {%- assign _page_mode = page.mode | default: layout.mode | default: site.data.variables.default.page.mode -%}
5
+ {%- assign _page_type = page.type | default: layout.type | default: site.data.variables.default.page.type -%}
6
+ {%- assign _article_header_type = page.article_header.type | default: layout.article_header.type -%}
7
+
8
+ {%- include snippets/assign.html
9
+ target=layout.header source0=page.header -%}
10
+ {%- assign _header = __return -%}
11
+
12
+ {%- include snippets/assign.html
13
+ target=layout.footer source0=page.footer -%}
14
+ {%- assign _footer = __return -%}
15
+
16
+ {%- include snippets/assign.html
17
+ target=layout.lightbox source0=page.lightbox -%}
18
+ {%- assign _lightbox = __return -%}
19
+
20
+ {%- include snippets/assign.html
21
+ target = site.data.variables.default.page.full_width
22
+ source0=layout.full_width source1=page.full_width -%}
23
+ {%- assign _full_width = __return -%}
24
+
25
+ {%- include snippets/assign.html
26
+ target = site.data.variables.default.page.comment
27
+ source0=layout.comment source1=page.comment -%}
28
+ {%- assign _comment = __return -%}
29
+
30
+
31
+ {%- assign _article_header_excerpt_truncate = include.excerpt_truncate | default: 200 -%}
32
+
33
+ {%- if page.sidebar -%}
34
+ <div class="layout--page layout--page--sidebar clearfix js-page-root">
35
+ <div class="page__mask d-print-none js-page-mask js-sidebar-hide"></div>
36
+ <div class="page__viewport">
37
+ <div class="page__actions d-print-none">
38
+ <div class="button button--circle button--lg box-shadow-2 sidebar-button js-sidebar-show">
39
+ <i class="fas fa-bars icon--show"></i>
40
+ </div>
41
+ </div>
42
+
43
+ <div class="grid page__grid">
44
+
45
+ <div class="page__sidebar d-print-none">
46
+ {%- include sidebar/toc.html -%}
47
+ </div>
48
+
49
+ {%- else -%}
50
+ <div class="layout--page js-page-root">
51
+ {%- endif -%}
52
+
53
+ {%- assign _page_main_class = 'page__main js-page-main' -%}
54
+ {%- if _page_mode == 'immersive' -%}
55
+ {%- assign _page_main_class = _page_main_class | append: ' page__main--immersive' -%}
56
+ {%- endif -%}
57
+ {%- unless page.sidebar -%}
58
+ {%- assign _page_main_class = _page_main_class | append: ' page__viewport' -%}
59
+ {%- endunless -%}
60
+ {%- if _footer == false -%}
61
+ {%- assign _page_main_class = _page_main_class | append: ' hide-footer' -%}
62
+ {%- endif -%}
63
+ {%- if page.aside -%}
64
+ {%- assign _page_main_class = _page_main_class | append: ' has-aside' -%}
65
+ {%- elsif _full_width -%}
66
+ {%- assign _page_main_class = _page_main_class | append: ' full-width' -%}
67
+ {%- endif -%}
68
+ <div class="{{ _page_main_class }} cell cell--auto">
69
+
70
+ <div class="page__main-inner">
71
+ {%- if _header != false -%}
72
+ <div class="page__header d-print-none">
73
+ {%- assign _header_theme = page.header.theme | default: layout.header.theme -%}
74
+ {%- if _header_theme == 'dark'-%}
75
+ {%- include header.html theme='dark' background=page.header.background -%}
76
+ {%- elsif _header_theme == 'light' -%}
77
+ {%- include header.html theme='light' background=page.header.background -%}
78
+ {%- else -%}
79
+ {%- include header.html -%}
80
+ {%- endif -%}
81
+ </div>
82
+ {%- endif -%}
83
+
84
+
85
+ <div class="page__content">
86
+ {%- if _article_header_type == 'overlay' or _article_header_type == 'cover' -%}
87
+
88
+ {%- if _article_header_type == 'overlay' -%}
89
+
90
+ {%- assign _article_header_height = page.article_header.height | default: layout.article_header.height -%}
91
+ {%- assign _article_header_align = page.article_header.align | default: layout.article_header.align | default: site.data.variables.default.page.article_header.align -%}
92
+ {%- assign _article_header_theme = page.article_header.theme | default: layout.article_header.theme | default: site.data.variables.default.page.article_header.theme -%}
93
+
94
+ {%- if page.article_header.background_image.src -%}
95
+ {%- assign _header_background_image_src = page.article_header.background_image.src -%}
96
+ {%- elsif page.article_header.background_image != false and page.cover -%}
97
+ {%- assign _header_background_image_src = page.cover -%}
98
+ {%- endif -%}
99
+
100
+ {%- if page.article_header.background_image.gradient -%}
101
+ {%- assign _header_background_image = page.article_header.background_image.gradient -%}
102
+ {%- if _header_background_image_src -%}
103
+ {%- assign _header_background_image = _header_background_image | append: ',' -%}
104
+ {%- endif -%}
105
+ {%- endif -%}
106
+
107
+ {%- if _header_background_image_src -%}
108
+ {%- include snippets/get-nav-url.html path=_header_background_image_src -%}
109
+ {%- assign _header_background_image_src = __return -%}
110
+ {%- assign _header_background_image = _header_background_image
111
+ | append: 'url(' | append: _header_background_image_src | append: ')'-%}
112
+ {%- endif -%}
113
+
114
+ {%- assign _header_style = 'background-image:' | append: _header_background_image | append: ';' -%}
115
+
116
+ {%- if page.article_header.background_color -%}
117
+ {%- assign _header_style = _header_style | append: 'background-color:' | append: page.article_header.background_color | append: ';' -%}
118
+ {%- endif -%}
119
+
120
+ {%- if _article_header_height -%}
121
+ {%- assign _header_style = _header_style | append: 'min-height:' | append: _article_header_height | append: ';' -%}
122
+ {%- endif -%}
123
+
124
+ <div class="article__header--overlay">
125
+
126
+ {%- if _article_header_theme == 'light' -%}
127
+ {%- if _article_header_align == 'center' -%}
128
+ <div class="hero hero--center hero--light overlay" style="{{ _header_style }}">
129
+ {%- else -%}
130
+ <div class="hero hero--light overlay" style="{{ _header_style }}">
131
+ {%- endif -%}
132
+ {%- elsif _article_header_theme == 'dark' -%}
133
+ {%- if _article_header_align == 'center' -%}
134
+ <div class="hero hero--center hero--dark overlay" style="{{ _header_style }}">
135
+ {%- else -%}
136
+ <div class="hero hero--dark overlay" style="{{ _header_style }}">
137
+ {%- endif -%}
138
+ {%- else -%}
139
+ {%- if _article_header_align == 'center' -%}
140
+ <div class="hero hero--center overlay" style="{{ _header_style }}">
141
+ {%- else -%}
142
+ <div class="hero overlay" style="{{ _header_style }}">
143
+ {%- endif -%}
144
+ {%- endif -%}
145
+ <div class="hero__content">
146
+ {%- if _full_width == false -%}
147
+ <div class ="main">
148
+ {%- endif -%}
149
+ {%- include article-info.html article=page semantic=false -%}
150
+ {%- include article-header.html article=page semantic=false -%}
151
+ {%- if page.excerpt -%}
152
+ <p class="overlay__excerpt">{{ page.excerpt | strip_html | strip_newlines | strip | truncate: _article_header_excerpt_truncate }}</p>
153
+ {%- endif -%}
154
+ {%- if page.article_header.actions -%}
155
+ <ul class="menu">
156
+ {%- for _action in page.article_header.actions -%}
157
+ {%- include snippets/get-nav-url.html path=_action.url -%}
158
+ {%- assign _url = __return -%}
159
+ {%- assign _type = _action.type | default: 'info' -%}
160
+ <li><a class="button button--{{ _type }} button--rounded button--xl" href="{{ _url }}">{{ _action.text }}</a></li>
161
+ {%- endfor -%}
162
+ </ul>
163
+ {%- endif -%}
164
+ {%- if _full_width == false -%}
165
+ </div>
166
+ {%- endif -%}
167
+ </div>
168
+ </div>
169
+ </div>
170
+ {%- elsif _article_header_type == 'cover' -%}
171
+ {%- if page.article_header.image.src -%}
172
+ {%- include snippets/get-nav-url.html path=page.article_header.image.src -%}
173
+ {%- assign _header_image_src = __return -%}
174
+ <img class="article__header--cover" src="{{ _header_image_src }}" />
175
+ {%- endif -%}
176
+ {%- endif -%}
177
+
178
+ {%- endif -%}
179
+
180
+
181
+ {%- if _full_width == false -%}
182
+ <div class ="main">
183
+ {%- endif -%}
184
+ <div class="grid grid--reverse">
185
+
186
+ <div class="col-aside d-print-none js-col-aside">
187
+ {%- if page.aside -%}
188
+ <aside class="page__aside js-page-aside">
189
+ {%- include aside/toc.html -%}
190
+ </aside>
191
+ {%- endif -%}
192
+ </div>
193
+
194
+ <div class="col-main cell cell--auto">
195
+ {%- include main/top/custom.html -%}
196
+ {%- if _page_type == 'article' -%}
197
+ <article itemscope itemtype="http://schema.org/Article">
198
+ {%- elsif _page_type == 'webpage' -%}
199
+ <article itemscope itemtype="http://schema.org/WebPage">
200
+ {%- else -%}
201
+ <article>
202
+ {%- endif -%}
203
+
204
+ {%- if _article_header_type == 'overlay' or page.article_header == false -%}
205
+ {%- include article-header.html article=page html=false -%}
206
+ {%- include article-info.html article=page html=false -%}
207
+ {%- else -%}
208
+ {%- include article-header.html article=page -%}
209
+ {%- include article-info.html article=page -%}
210
+ {%- endif -%}
211
+
212
+ <div class="js-article-content">{{ content }}</div>
213
+ {%- if _comment != false -%}
214
+ <section class="page__comments d-print-none">{%- include comments.html -%}</section>
215
+ {%- endif -%}
216
+ </article>
217
+ {%- include main/bottom/custom.html -%}
218
+ </div>
219
+ </div>
220
+
221
+ {%- if _full_width == false -%}
222
+ </div>
223
+ {%- endif -%}
224
+ </div>
225
+
226
+ {%- if _footer != false -%}
227
+ <div class="page__footer d-print-none">{%- include footer.html -%}</div>
228
+ {%- endif -%}
229
+ </div>
230
+ </div> {%- comment -%} end page__main {%- endcomment -%}
231
+ {%- if page.sidebar -%}
232
+ </div> {%- comment -%} end grid {%- endcomment -%}
233
+ </div> {%- comment -%} end page__viewport {%- endcomment -%}
234
+ {%- endif -%}
235
+
236
+ <script>{%- include scripts/lib/modal.js -%}</script>
237
+ {%- if _lightbox == true -%}
238
+ <div class="modal d-print-none js-page-gallery-modal"><div class="gallery"></div></div>
239
+ {%- endif -%}
240
+ {%- if _header != false -%}
241
+ <div class="modal modal--overflow page__search-modal d-print-none js-page-search-modal">{%- include search.html -%}</div>
242
+ {%- endif -%}
243
+ </div>
244
+
245
+
246
+ <script>
247
+ {%- include scripts/lib/scroll-to.js -%}
248
+ {%- include scripts/lib/affix.js -%}
249
+ {%- include scripts/lib/toc.js -%}
250
+ {%- if _lightbox == true -%}
251
+ {%- include scripts/lib/gallery.js -%}
252
+ {%- include scripts/components/lightbox.js -%}
253
+ {%- endif -%}
254
+ {%- include scripts/page.js -%}
255
+ </script>
256
+
257
+ {%- if page.sidebar -%}
258
+ <script>{%- include scripts/components/sidebar.js -%}</script>
259
+ {%- endif -%}
260
+
261
+ {%- if page.aside -%}
262
+ <script>
263
+ /* toc must before affix, since affix need to konw toc' height. */
264
+ {%- if page.aside.toc -%}{%- include scripts/aside/toc.js -%}{%- endif -%}
265
+ {%- include scripts/aside/affix.js -%}
266
+ </script>
267
+ {%- endif -%}
268
+
269
+ {%- include markdown-enhancements.html -%}
270
+ {%- include pageview.html -%}
@@ -0,0 +1,29 @@
1
+ .article__content {
2
+ p.success {
3
+ padding: map-get($spacers, 2) map-get($spacers, 3);
4
+ background-color: rgba($green, .1);
5
+ border: 1px solid $green;
6
+ border-radius: map-get($base, border-radius);
7
+ }
8
+
9
+ p.info {
10
+ padding: map-get($spacers, 2) map-get($spacers, 3);
11
+ background-color: rgba($blue, .1);
12
+ border: 1px solid $blue;
13
+ border-radius: map-get($base, border-radius);
14
+ }
15
+
16
+ p.warning {
17
+ padding: map-get($spacers, 2) map-get($spacers, 3);
18
+ background-color: rgba($yellow, .1);
19
+ border: 1px solid $yellow;
20
+ border-radius: map-get($base, border-radius);
21
+ }
22
+
23
+ p.error {
24
+ padding: map-get($spacers, 2) map-get($spacers, 3);
25
+ background-color: rgba($red, .1);
26
+ border: 1px solid $red;
27
+ border-radius: map-get($base, border-radius);
28
+ }
29
+ }
@@ -0,0 +1,17 @@
1
+ .article__content {
2
+ img.shadow, .shadow > img {
3
+ @include box-shadow();
4
+ }
5
+
6
+ img.border, .border > img {
7
+ border: 1px solid $border-color-l;
8
+ }
9
+
10
+ img.rounded, .rounded > img {
11
+ border-radius: map-get($base, border-radius);
12
+ }
13
+
14
+ img.circle, .circle > img {
15
+ border-radius: 50%;
16
+ }
17
+ }
@@ -0,0 +1,21 @@
1
+ .article__content {
2
+ code.success {
3
+ color: $text-color-function;
4
+ background-color: $green;
5
+ }
6
+
7
+ code.info {
8
+ color: $text-color-function;
9
+ background-color: $blue;
10
+ }
11
+
12
+ code.warning {
13
+ color: $text-color-function;
14
+ background-color: $yellow;
15
+ }
16
+
17
+ code.error {
18
+ color: $text-color-function;
19
+ background-color: $red;
20
+ }
21
+ }
@@ -0,0 +1,10 @@
1
+ @include keyframes(fade-in-down) {
2
+ from {
3
+ opacity: 0;
4
+ @include transform(translateY(-2rem));
5
+ }
6
+ to {
7
+ opacity: 1;
8
+ @include transform(translateY(0));
9
+ }
10
+ }
@@ -0,0 +1,10 @@
1
+ @include keyframes(fade-in-up) {
2
+ from {
3
+ opacity: 0;
4
+ @include transform(translateY(2rem));
5
+ }
6
+ to {
7
+ opacity: 1;
8
+ @include transform(translateY(0));
9
+ }
10
+ }
@@ -0,0 +1,8 @@
1
+ @include keyframes(fade-in) {
2
+ from {
3
+ opacity: 0;
4
+ }
5
+ to {
6
+ opacity: 1;
7
+ }
8
+ }
@@ -0,0 +1,24 @@
1
+ /* stylelint-disable at-rule-name-space-after, at-rule-semicolon-space-before */
2
+ @charset "utf-8";
3
+ @import
4
+ "common/classes/animation",
5
+ "common/classes/transform",
6
+ "common/classes/transition",
7
+ "common/classes/user-select",
8
+
9
+ "common/classes/clearfix",
10
+ "common/classes/media",
11
+ "common/classes/clickable",
12
+ "common/classes/display",
13
+ "common/classes/flex",
14
+ "common/classes/horizontal-rules",
15
+ "common/classes/pseudo",
16
+ "common/classes/link",
17
+ "common/classes/text",
18
+ "common/classes/overflow",
19
+ "common/classes/shadow",
20
+ "common/classes/spacing",
21
+ "common/classes/split-line",
22
+ "common/classes/grid"
23
+ ;
24
+ /* stylelint-enable */
@@ -0,0 +1,15 @@
1
+ @function get-color-theme($color) {
2
+ @if lightness($color) < 15% {
3
+ @return "dark";
4
+ } @else {
5
+ @return "light";
6
+ }
7
+ }
8
+
9
+ @function breakpoint-infix($name, $breakpoints: default) {
10
+ @if $breakpoints == default {
11
+ $breakpoints: $responsive;
12
+ }
13
+ $min: map-get($breakpoints, $name);
14
+ @return if($min != 0, "#{$name}-", "");
15
+ }
@@ -0,0 +1,20 @@
1
+ @media print {
2
+ a {
3
+ @include plain() {
4
+ text-decoration: underline;
5
+ }
6
+ @include hover() {
7
+ text-decoration: underline;
8
+ }
9
+ @include active() {
10
+ text-decoration: underline;
11
+ }
12
+ }
13
+
14
+ img,
15
+ tr,
16
+ pre,
17
+ blockquote {
18
+ page-break-inside: avoid;
19
+ }
20
+ }
@@ -0,0 +1,174 @@
1
+ @mixin block-elements {
2
+ h1,
3
+ h2,
4
+ h3,
5
+ h4,
6
+ h5,
7
+ h6,
8
+ p,
9
+ hr,
10
+ blockquote,
11
+ figure,
12
+ pre,
13
+ .highlighter-rouge,
14
+ ul,
15
+ ol,
16
+ dl,
17
+ table,
18
+ .footnotes {
19
+ @content;
20
+ }
21
+ }
22
+ @mixin heading-elements {
23
+ h1, h2, h3, h4, h5, h6 {
24
+ @content;
25
+ }
26
+ }
27
+
28
+ *,
29
+ ::before,
30
+ ::after {
31
+ box-sizing: border-box;
32
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
33
+ }
34
+
35
+ /**
36
+ * 1. Prevent adjustments of font size after orientation changes in iOS.
37
+ **/
38
+
39
+ html {
40
+ font-size: map-get($base, font-size-root);
41
+ -webkit-text-size-adjust: 100%; /* 1 */
42
+ @media print {
43
+ font-size: map-get($base, font-size-root-sm);
44
+ }
45
+ }
46
+
47
+ body {
48
+ padding: 0;
49
+ margin: 0;
50
+ font: map-get($base, font-weight) #{map-get($base, font-size)}/#{map-get($base, line-height)} map-get($base, font-family);
51
+ ::-moz-selection {
52
+ background: $select-color;
53
+ }
54
+ ::-webkit-selection {
55
+ background: $select-color;
56
+ }
57
+ ::selection {
58
+ background: $select-color;
59
+ }
60
+ }
61
+
62
+ @include block-elements() {
63
+ padding: 0;
64
+ margin: map-get($spacers, 2) 0;
65
+ }
66
+
67
+ input, textarea, select, button {
68
+ font: map-get($base, font-weight) #{map-get($base, font-size)}/#{map-get($base, line-height)} map-get($base, font-family);
69
+ color: $text-color;
70
+ }
71
+
72
+ h1,
73
+ h2,
74
+ h3,
75
+ h4,
76
+ h5,
77
+ h6,
78
+ strong {
79
+ font-weight: map-get($base, font-weight-bold);
80
+ }
81
+
82
+ h1 {
83
+ font-size: map-get($base, font-size-h1);
84
+ color: $text-color-d;
85
+ @include media-breakpoint-down(md) {
86
+ font-size: map-get($base, font-size-h1-sm);
87
+ }
88
+ }
89
+
90
+ h2 {
91
+ font-size: map-get($base, font-size-h2);
92
+ color: $text-color-d;
93
+ @include media-breakpoint-down(md) {
94
+ font-size: map-get($base, font-size-h2-sm);
95
+ }
96
+ }
97
+
98
+ h3 {
99
+ font-size: map-get($base, font-size-h3);
100
+ color: $text-color-d;
101
+ @include media-breakpoint-down(md) {
102
+ font-size: map-get($base, font-size-h3-sm);
103
+ }
104
+ }
105
+
106
+ h4 {
107
+ font-size: map-get($base, font-size-h4);
108
+ color: $text-color;
109
+ @include media-breakpoint-down(md) {
110
+ font-size: map-get($base, font-size-h4-sm);
111
+ }
112
+ }
113
+
114
+ h5 {
115
+ font-size: map-get($base, font-size-h5);
116
+ color: $text-color;
117
+ @include media-breakpoint-down(md) {
118
+ font-size: map-get($base, font-size-h5-sm);
119
+ }
120
+ }
121
+
122
+ h6 {
123
+ font-size: map-get($base, font-size-h6);
124
+ color: $text-color-l;
125
+ @include media-breakpoint-down(md) {
126
+ font-size: map-get($base, font-size-h6-sm);
127
+ }
128
+ }
129
+
130
+ a {
131
+ font-weight: map-get($base, font-weight-bold);
132
+ @include link-colors($main-color-1);
133
+ }
134
+
135
+ pre, code {
136
+ font-family: map-get($base, font-family-code);
137
+ }
138
+
139
+ code {
140
+ font-size: map-get($base, font-size-xs);
141
+ line-height: map-get($base, line-height-sm);
142
+ }
143
+
144
+ figure > img {
145
+ display: block;
146
+ }
147
+
148
+ figcaption {
149
+ font-size: map-get($base, font-size-sm);
150
+ }
151
+
152
+ button {
153
+ padding: 0;
154
+ margin: 0;
155
+ font-size: map-get($spacers, 3);
156
+ cursor: pointer;
157
+ background-color: transparent;
158
+ border-width: 0;
159
+ outline: none;
160
+ }
161
+
162
+ input {
163
+ &::-ms-clear {
164
+ display: none;
165
+ }
166
+ &:focus {
167
+ outline: none;
168
+ }
169
+ }
170
+
171
+ // mermaid
172
+ .mermaidTooltip {
173
+ display: none;
174
+ }