jekyll-yamt 1.0.0 → 1.0.6

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.
Files changed (45) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +23 -21
  3. data/README.md +20 -9
  4. data/_includes/analytics.html +9 -9
  5. data/_includes/categories.html +10 -13
  6. data/_includes/comments.html +10 -0
  7. data/_includes/footer.html +3 -3
  8. data/_includes/gif.html +4 -0
  9. data/_includes/head.html +37 -37
  10. data/_includes/header.html +24 -24
  11. data/_includes/pages.html +2 -2
  12. data/_includes/reading_time.html +20 -20
  13. data/_includes/related-posts.html +35 -35
  14. data/_includes/social.html +7 -7
  15. data/_layouts/archive.html +15 -15
  16. data/_layouts/categories.html +21 -0
  17. data/_layouts/contact.html +16 -16
  18. data/_layouts/default.html +18 -18
  19. data/_layouts/home.html +52 -45
  20. data/_layouts/page.html +5 -5
  21. data/_layouts/post.html +45 -45
  22. data/_sass/base.scss +112 -127
  23. data/_sass/contact.scss +38 -49
  24. data/_sass/footer.scss +23 -23
  25. data/_sass/header.scss +102 -103
  26. data/_sass/home.scss +35 -36
  27. data/_sass/mobile.scss +51 -51
  28. data/_sass/paginator.scss +35 -35
  29. data/_sass/post.scss +78 -78
  30. data/_sass/related-posts.scss +22 -22
  31. data/_sass/scrollbar.scss +16 -16
  32. data/_sass/typography-old.scss +47 -0
  33. data/_sass/typography.scss +38 -41
  34. data/assets/css/main.scss +4 -4
  35. data/assets/css/syntax.scss +262 -258
  36. data/assets/img/logo.jpg +0 -0
  37. data/assets/img/screenshots/Screenshot.png +0 -0
  38. data/assets/img/screenshots/Screenshot_code_highlight.png +0 -0
  39. data/assets/img/screenshots/Screenshot_minimal.png +0 -0
  40. data/assets/img/screenshots/Screenshot_mobile.png +0 -0
  41. metadata +13 -13
  42. data/_includes/disqus.html +0 -19
  43. data/_sass/archive.scss +0 -10
  44. data/assets/css/main.css +0 -1
  45. data/assets/css/syntax.css +0 -1
data/_sass/paginator.scss CHANGED
@@ -1,36 +1,36 @@
1
- .paginator{
2
- display: flex;
3
- margin-left: auto;
4
- margin-right: auto;
5
- justify-content: space-around;
6
-
7
- .older{
8
- text-align: left;
9
- -webkit-box-flex: 1;
10
- }
11
-
12
- .newer{
13
- text-align: right;
14
- -webkit-box-flex: 1;
15
- }
16
-
17
- a{
18
- text-decoration: none;
19
- color: $base;
20
- }
21
-
22
- a:hover{
23
- color: black;
24
- }
25
-
26
- .paginate-button{
27
- border: 1px solid #e0e0e0;
28
- border-radius: 3px;
29
- padding: 15px 35px;
30
- display: inline-block;
31
- font-size: 16px;
32
- }
33
- .paginate-button:hover{
34
- background-color: $light-grey;
35
- }
1
+ .paginator{
2
+ display: flex;
3
+ margin-left: auto;
4
+ margin-right: auto;
5
+ justify-content: space-around;
6
+
7
+ .older{
8
+ text-align: left;
9
+ -webkit-box-flex: 1;
10
+ }
11
+
12
+ .newer{
13
+ text-align: right;
14
+ -webkit-box-flex: 1;
15
+ }
16
+
17
+ a{
18
+ text-decoration: none;
19
+ color: $base;
20
+ }
21
+
22
+ a:hover{
23
+ color: black;
24
+ }
25
+
26
+ .paginate-button{
27
+ border: 1px solid #e0e0e0;
28
+ border-radius: 3px;
29
+ padding: 15px 35px;
30
+ display: inline-block;
31
+ font-size: 16px;
32
+ }
33
+ .paginate-button:hover{
34
+ background-color: $light-grey;
35
+ }
36
36
  }
data/_sass/post.scss CHANGED
@@ -1,78 +1,78 @@
1
- li.post{
2
- display: block;
3
- padding-top: 1rem;
4
- }
5
-
6
- .post{
7
- padding-bottom: 1rem;
8
- }
9
-
10
-
11
-
12
- img{
13
- display: block;
14
- margin-left: auto;
15
- margin-right: auto;
16
- margin-bottom: 15px;
17
- max-width: 100%;
18
- -webkit-border-radius: 7px;
19
- -moz-border-radius: 7px;
20
- -khtml-border-radius: 7px;
21
- border-radius: 7px;
22
- }
23
-
24
- .post-container{
25
- p, li{
26
- a{
27
- text-decoration:none;
28
- border-bottom: 2px solid $light-grey;
29
- box-shadow: inset 0 -4px 0 $light-grey;
30
- color: inherit;
31
- transition: background 0.1s cubic-bezier(.33,.66,.66,1);
32
- }
33
- a:visited{
34
- text-decoration:none;
35
- border-bottom: 2px solid $light-grey;
36
- box-shadow: inset 0 -4px 0 $light-grey;
37
- color: inherit;
38
- transition: background 0.1s cubic-bezier(.33,.66,.66,1);
39
- }
40
- a:hover{
41
- background: $light-grey;
42
- }
43
- }
44
-
45
- }
46
-
47
- .categories{
48
- p{
49
- display: inline-block;
50
- }
51
- a{
52
- text-decoration:none;
53
- border-bottom: 2px solid $light-grey;
54
- box-shadow: inset 0 -4px 0 $light-grey;
55
- color: inherit;
56
- transition: background 0.1s cubic-bezier(.33,.66,.66,1);
57
- }
58
- a:visited{
59
- text-decoration:none;
60
- border-bottom: 2px solid $light-grey;
61
- box-shadow: inset 0 -4px 0 $light-grey;
62
- color: inherit;
63
- transition: background 0.1s cubic-bezier(.33,.66,.66,1);
64
- }
65
- a:hover{
66
- background: $light-grey;
67
- }
68
- }
69
-
70
- article::after{
71
- display: block;
72
- content: '';
73
- width: 5rem;
74
- height: 1px;
75
- margin: 30px auto;
76
- background-color: #d5d5d5;
77
- }
78
-
1
+ li.post{
2
+ display: block;
3
+ padding-top: 1rem;
4
+ }
5
+
6
+ .post{
7
+ padding-bottom: 1rem;
8
+ }
9
+
10
+
11
+
12
+ img{
13
+ display: block;
14
+ margin-left: auto;
15
+ margin-right: auto;
16
+ margin-bottom: 15px;
17
+ max-width: 100%;
18
+ -webkit-border-radius: 7px;
19
+ -moz-border-radius: 7px;
20
+ -khtml-border-radius: 7px;
21
+ border-radius: 7px;
22
+ }
23
+
24
+ .post-container{
25
+ p, li{
26
+ a{
27
+ text-decoration:none;
28
+ border-bottom: 2px solid $light-grey;
29
+ box-shadow: inset 0 -4px 0 $light-grey;
30
+ color: inherit;
31
+ transition: background 0.1s cubic-bezier(.33,.66,.66,1);
32
+ }
33
+ a:visited{
34
+ text-decoration:none;
35
+ border-bottom: 2px solid $light-grey;
36
+ box-shadow: inset 0 -4px 0 $light-grey;
37
+ color: inherit;
38
+ transition: background 0.1s cubic-bezier(.33,.66,.66,1);
39
+ }
40
+ a:hover{
41
+ background: $light-grey;
42
+ }
43
+ }
44
+
45
+ }
46
+
47
+ .categories{
48
+ p{
49
+ display: inline-block;
50
+ }
51
+ a{
52
+ text-decoration:none;
53
+ border-bottom: 2px solid $light-grey;
54
+ box-shadow: inset 0 -4px 0 $light-grey;
55
+ color: inherit;
56
+ transition: background 0.1s cubic-bezier(.33,.66,.66,1);
57
+ }
58
+ a:visited{
59
+ text-decoration:none;
60
+ border-bottom: 2px solid $light-grey;
61
+ box-shadow: inset 0 -4px 0 $light-grey;
62
+ color: inherit;
63
+ transition: background 0.1s cubic-bezier(.33,.66,.66,1);
64
+ }
65
+ a:hover{
66
+ background: $light-grey;
67
+ }
68
+ }
69
+
70
+ article::after{
71
+ display: block;
72
+ content: '';
73
+ width: 5rem;
74
+ height: 1px;
75
+ margin: 30px auto;
76
+ background-color: #d5d5d5;
77
+ }
78
+
data/_sass/related-posts.scss CHANGED
@@ -1,22 +1,22 @@
1
- .related{
2
- h4{
3
- font-style: italic;
4
- text-decoration: underline;
5
- }
6
- h5{
7
- margin-top: 0px;
8
- text-align: left;
9
- font-size: 1rem;
10
- }
11
- .related-posts{
12
- opacity: 0.8;
13
- margin-right: 25px;
14
- }
15
- .related-posts:hover{
16
- opacity: 1;
17
- font-style: italic;
18
- }
19
- padding-top: 10px;
20
- padding-bottom: 15px;
21
- margin:0 auto;
22
- }
1
+ .related{
2
+ h4{
3
+ font-style: italic;
4
+ text-decoration: underline;
5
+ }
6
+ h5{
7
+ margin-top: 0px;
8
+ text-align: left;
9
+ font-size: 1rem;
10
+ }
11
+ .related-posts{
12
+ opacity: 0.8;
13
+ margin-right: 25px;
14
+ }
15
+ .related-posts:hover{
16
+ opacity: 1;
17
+ font-style: italic;
18
+ }
19
+ padding-top: 10px;
20
+ padding-bottom: 15px;
21
+ margin:0 auto;
22
+ }
data/_sass/scrollbar.scss CHANGED
@@ -1,17 +1,17 @@
1
- ::-webkit-scrollbar {
2
- width: 7px;
3
- height: 7px;
4
- border: 1px solid #d5d5d5;
5
- padding-top: 5px;
6
- border-radius: 30px;
7
- }
8
-
9
- ::-webkit-scrollbar-track {
10
- border-radius: 30px;
11
- background: #eeeeee;
12
- }
13
-
14
- ::-webkit-scrollbar-thumb {
15
- border-radius: 30px;
16
- background: #b0b0b0;
1
+ ::-webkit-scrollbar {
2
+ width: 7px;
3
+ height: 7px;
4
+ border: 1px solid #d5d5d5;
5
+ padding-top: 5px;
6
+ border-radius: 30px;
7
+ }
8
+
9
+ ::-webkit-scrollbar-track {
10
+ border-radius: 30px;
11
+ background: #eeeeee;
12
+ }
13
+
14
+ ::-webkit-scrollbar-thumb {
15
+ border-radius: 30px;
16
+ background: #b0b0b0;
17
17
  }
data/_sass/typography-old.scss ADDED
@@ -0,0 +1,47 @@
1
+ h1, h2, h3, h4, h5, h6{
2
+ font-family: 'Montserrat', sans-serif;
3
+ margin-bottom: 10px;
4
+ text-decoration: none;
5
+ color: black;
6
+ a{
7
+ text-decoration: none;
8
+ color: black;
9
+ font-family: 'Montserrat', sans-serif;
10
+ }
11
+ }
12
+
13
+ p, ul, ol{
14
+ font-family: 'PT Serif', serif;
15
+ li{
16
+ font-family: 'PT Serif', serif;
17
+ font-size: 1.15rem;
18
+ }
19
+ }
20
+
21
+ h2{
22
+ margin-bottom: 0px;
23
+ }
24
+
25
+ h3{
26
+ font-size: 1.4rem;
27
+ }
28
+ h4{
29
+ font-size: 1.3rem;
30
+ }
31
+ h5{
32
+ font-size: 1.2rem;
33
+ }
34
+
35
+ p{
36
+ font-size: 1.15rem;
37
+ }
38
+
39
+ a .post-info .form{
40
+ font-family: 'PT Serif', serif;
41
+ .form-input .form-button{
42
+ font-family: 'PT Serif', serif;
43
+ }
44
+ }
45
+ #markdown-toc::before .alerts{
46
+ font-family: 'Montserrat', sans-serif;
47
+ }
data/_sass/typography.scss CHANGED
@@ -1,41 +1,38 @@
1
- h1, h2, h3, h4, h5, h6{
2
- font-family: 'Montserrat', sans-serif;
3
- margin-bottom: 10px;
4
- text-decoration: none;
5
- color: black;
6
- a{
7
- text-decoration: none;
8
- color: black;
9
- font-family: 'Montserrat', sans-serif;
10
- }
11
- }
12
-
13
- p, ul, ol{
14
- font-family: 'PT Serif', serif;
15
- li{
16
- font-family: 'PT Serif', serif;
17
- font-size: 1.15rem;
18
- }
19
- }
20
-
21
- h2{
22
- margin-bottom: 0px;
23
- }
24
-
25
- h3{
26
- font-size: 1.4rem;
27
- }
28
- h4{
29
- font-size: 1.3rem;
30
- }
31
- h5{
32
- font-size: 1.2rem;
33
- }
34
-
35
- p{
36
- font-size: 1.15rem;
37
- }
38
-
39
- a{
40
- font-family: 'PT Serif', serif;
41
- }
1
+ h1, h2, h3, h4, h5, h6{
2
+ margin-bottom: 10px;
3
+ text-decoration: none;
4
+ color: black;
5
+ a{
6
+ text-decoration: none;
7
+ color: black;
8
+ }
9
+ }
10
+
11
+ p, ul, ol{
12
+ li{
13
+ font-size: 1.15rem;
14
+ }
15
+ }
16
+
17
+ h2{
18
+ margin-bottom: 0px;
19
+ }
20
+
21
+ h3{
22
+ font-size: 1.4rem;
23
+ }
24
+ h4{
25
+ font-size: 1.3rem;
26
+ }
27
+ h5{
28
+ font-size: 1.2rem;
29
+ }
30
+
31
+ p{
32
+ font-size: 1.15rem;
33
+ }
34
+
35
+ //System stack for everything
36
+ body {
37
+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
38
+ }
data/assets/css/main.scss CHANGED
@@ -1,4 +1,4 @@
1
- ---
2
- ---
3
-
4
- @import "base", "typography", "header", "post", "home", "footer", "paginator", "archive", "scrollbar", "contact", "related-posts", "mobile";
1
+ ---
2
+ ---
3
+
4
+ @import "base", "typography", "header", "post", "home", "footer", "paginator", "scrollbar", "contact", "related-posts", "mobile";
data/assets/css/syntax.scss CHANGED
@@ -1,258 +1,262 @@
1
- ---
2
- ---
3
-
4
- /* These two lines of CSS can't be used together, as they will break some elements. Uncomment the one you want to use and comment or delete the other one.
5
- white-space: pre-wrap - returns on a new line every word outside of the code block. No horizontal scrollbar. This breaks the lines of code, if you show them. https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
6
- overflow-x: auto - The lines of code remain exactly the same as you typed. In case of overflow, it adds an horizontal scrollbar. This works with lines of code. https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x
7
- */
8
- pre{
9
- /* white-space: pre-wrap; */
10
- overflow-x: auto;
11
- }
12
-
13
- .highlight{
14
- font-size: 16px;
15
- border-radius: 5px;
16
- padding-left: 10px;
17
- padding-right: 10px;
18
- padding-top: 1px;
19
- padding-bottom: 1px;
20
- }
21
-
22
- pre.lineo{
23
- color: white;
24
- }
25
-
26
- .highlight table td { padding: 5px; }
27
- .highlight table pre { margin: 0; }
28
- .highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {
29
- color: #75715e;
30
- font-style: italic;
31
- }
32
- .highlight .cm {
33
- color: #75715e;
34
- font-style: italic;
35
- }
36
- .highlight .c1 {
37
- color: #75715e;
38
- font-style: italic;
39
- }
40
- .highlight .cp {
41
- color: #75715e;
42
- font-weight: bold;
43
- }
44
- .highlight .cs {
45
- color: #75715e;
46
- font-weight: bold;
47
- font-style: italic;
48
- }
49
- .highlight .err {
50
- color: #960050;
51
- background-color: #1e0010;
52
- }
53
- .highlight .gi {
54
- color: #ffffff;
55
- background-color: #324932;
56
- }
57
- .highlight .gd {
58
- color: #ffffff;
59
- background-color: #493131;
60
- }
61
- .highlight .ge {
62
- color: #ffffff;
63
- font-style: italic;
64
- }
65
- .highlight .gr {
66
- color: #aa0000;
67
- }
68
- .highlight .gt {
69
- color: #aa0000;
70
- }
71
- .highlight .gh {
72
- color: #999999;
73
- }
74
- .highlight .go {
75
- color: #888888;
76
- }
77
- .highlight .gp {
78
- color: #555555;
79
- }
80
- .highlight .gs {
81
- font-weight: bold;
82
- }
83
- .highlight .gu {
84
- color: #aaaaaa;
85
- }
86
- .highlight .k, .highlight .kv {
87
- color: #66d9ef;
88
- font-weight: bold;
89
- }
90
- .highlight .kc {
91
- color: #66d9ef;
92
- font-weight: bold;
93
- }
94
- .highlight .kd {
95
- color: #66d9ef;
96
- font-weight: bold;
97
- }
98
- .highlight .kp {
99
- color: #66d9ef;
100
- font-weight: bold;
101
- }
102
- .highlight .kr {
103
- color: #66d9ef;
104
- font-weight: bold;
105
- }
106
- .highlight .kt {
107
- color: #66d9ef;
108
- font-weight: bold;
109
- }
110
- .highlight .kn {
111
- color: #f92672;
112
- font-weight: bold;
113
- }
114
- .highlight .ow {
115
- color: #f92672;
116
- font-weight: bold;
117
- }
118
- .highlight .o {
119
- color: #f92672;
120
- font-weight: bold;
121
- }
122
- .highlight .mf {
123
- color: #ae81ff;
124
- }
125
- .highlight .mh {
126
- color: #ae81ff;
127
- }
128
- .highlight .il {
129
- color: #ae81ff;
130
- }
131
- .highlight .mi {
132
- color: #ae81ff;
133
- }
134
- .highlight .mo {
135
- color: #ae81ff;
136
- }
137
- .highlight .m, .highlight .mb, .highlight .mx {
138
- color: #ae81ff;
139
- }
140
- .highlight .se {
141
- color: #ae81ff;
142
- }
143
- .highlight .sb {
144
- color: #e6db74;
145
- }
146
- .highlight .sc {
147
- color: #e6db74;
148
- }
149
- .highlight .sd {
150
- color: #e6db74;
151
- }
152
- .highlight .s2 {
153
- color: #e6db74;
154
- }
155
- .highlight .sh {
156
- color: #e6db74;
157
- }
158
- .highlight .si {
159
- color: #e6db74;
160
- }
161
- .highlight .sx {
162
- color: #e6db74;
163
- }
164
- .highlight .sr {
165
- color: #e6db74;
166
- }
167
- .highlight .s1 {
168
- color: #e6db74;
169
- }
170
- .highlight .ss {
171
- color: #e6db74;
172
- }
173
- .highlight .s, .highlight .sa, .highlight .dl {
174
- color: #e6db74;
175
- }
176
- .highlight .na {
177
- color: #a6e22e;
178
- }
179
- .highlight .nc {
180
- color: #a6e22e;
181
- font-weight: bold;
182
- }
183
- .highlight .nd {
184
- color: #a6e22e;
185
- font-weight: bold;
186
- }
187
- .highlight .ne {
188
- color: #a6e22e;
189
- font-weight: bold;
190
- }
191
- .highlight .nf, .highlight .fm {
192
- color: #a6e22e;
193
- font-weight: bold;
194
- }
195
- .highlight .no {
196
- color: #66d9ef;
197
- }
198
- .highlight .bp {
199
- color: #f8f8f2;
200
- }
201
- .highlight .nb {
202
- color: #f8f8f2;
203
- }
204
- .highlight .ni {
205
- color: #f8f8f2;
206
- }
207
- .highlight .nn {
208
- color: #f8f8f2;
209
- }
210
- .highlight .vc {
211
- color: #f8f8f2;
212
- }
213
- .highlight .vg {
214
- color: #f8f8f2;
215
- }
216
- .highlight .vi {
217
- color: #f8f8f2;
218
- }
219
- .highlight .nv, .highlight .vm {
220
- color: #f8f8f2;
221
- }
222
- .highlight .w {
223
- color: #f8f8f2;
224
- }
225
- .highlight .nl {
226
- color: #f8f8f2;
227
- font-weight: bold;
228
- }
229
- .highlight .nt {
230
- color: #f92672;
231
- }
232
- .highlight {
233
- color: #f8f8f2;
234
- background-color: #49483e;
235
- }
236
-
237
- figure.highlight{
238
- position: relative;
239
- }
240
-
241
- figure.highlight pre code[data-lang]::before, div.highlight pre code[data-lang]::before{
242
- content: attr(data-lang);
243
- text-transform: uppercase;
244
- position: absolute;
245
- color: #ebebeb;
246
- right: 34px;
247
- top: -10px;
248
- padding-left: 7.5px;
249
- padding-right: 7.5px;
250
- border: 1px solid #828282;
251
- border-top-left-radius: 5px;
252
- border-top-right-radius: 5px;
253
- border-bottom-left-radius: 5px;
254
- border-bottom-right-radius: 5px;
255
- min-width: 40px;
256
- text-align: center;
257
- background-color: #49483e;
258
- }
1
+ ---
2
+ ---
3
+
4
+ pre{
5
+ overflow-x: auto;
6
+ }
7
+
8
+ .highlight{
9
+ font-size: 16px;
10
+ border-radius: 5px;
11
+ padding-left: 10px;
12
+ padding-right: 10px;
13
+ padding-top: 1px;
14
+ padding-bottom: 1px;
15
+ overflow-x: auto;
16
+ // System font stack for code
17
+ font-family:
18
+ "SFMono-Regular",
19
+ Consolas,
20
+ "Liberation Mono",
21
+ Menlo,
22
+ Courier,
23
+ monospace;
24
+ }
25
+
26
+ pre.lineo{
27
+ color: white;
28
+ }
29
+
30
+ .highlight table td { padding: 5px; }
31
+ .highlight table pre { margin: 0; }
32
+ .highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {
33
+ color: #75715e;
34
+ font-style: italic;
35
+ }
36
+ .highlight .cm {
37
+ color: #75715e;
38
+ font-style: italic;
39
+ }
40
+ .highlight .c1 {
41
+ color: #75715e;
42
+ font-style: italic;
43
+ }
44
+ .highlight .cp {
45
+ color: #75715e;
46
+ font-weight: bold;
47
+ }
48
+ .highlight .cs {
49
+ color: #75715e;
50
+ font-weight: bold;
51
+ font-style: italic;
52
+ }
53
+ .highlight .err {
54
+ color: #960050;
55
+ background-color: #1e0010;
56
+ }
57
+ .highlight .gi {
58
+ color: #ffffff;
59
+ background-color: #324932;
60
+ }
61
+ .highlight .gd {
62
+ color: #ffffff;
63
+ background-color: #493131;
64
+ }
65
+ .highlight .ge {
66
+ color: #ffffff;
67
+ font-style: italic;
68
+ }
69
+ .highlight .gr {
70
+ color: #aa0000;
71
+ }
72
+ .highlight .gt {
73
+ color: #aa0000;
74
+ }
75
+ .highlight .gh {
76
+ color: #999999;
77
+ }
78
+ .highlight .go {
79
+ color: #888888;
80
+ }
81
+ .highlight .gp {
82
+ color: #555555;
83
+ }
84
+ .highlight .gs {
85
+ font-weight: bold;
86
+ }
87
+ .highlight .gu {
88
+ color: #aaaaaa;
89
+ }
90
+ .highlight .k, .highlight .kv {
91
+ color: #66d9ef;
92
+ font-weight: bold;
93
+ }
94
+ .highlight .kc {
95
+ color: #66d9ef;
96
+ font-weight: bold;
97
+ }
98
+ .highlight .kd {
99
+ color: #66d9ef;
100
+ font-weight: bold;
101
+ }
102
+ .highlight .kp {
103
+ color: #66d9ef;
104
+ font-weight: bold;
105
+ }
106
+ .highlight .kr {
107
+ color: #66d9ef;
108
+ font-weight: bold;
109
+ }
110
+ .highlight .kt {
111
+ color: #66d9ef;
112
+ font-weight: bold;
113
+ }
114
+ .highlight .kn {
115
+ color: #f92672;
116
+ font-weight: bold;
117
+ }
118
+ .highlight .ow {
119
+ color: #f92672;
120
+ font-weight: bold;
121
+ }
122
+ .highlight .o {
123
+ color: #f92672;
124
+ font-weight: bold;
125
+ }
126
+ .highlight .mf {
127
+ color: #ae81ff;
128
+ }
129
+ .highlight .mh {
130
+ color: #ae81ff;
131
+ }
132
+ .highlight .il {
133
+ color: #ae81ff;
134
+ }
135
+ .highlight .mi {
136
+ color: #ae81ff;
137
+ }
138
+ .highlight .mo {
139
+ color: #ae81ff;
140
+ }
141
+ .highlight .m, .highlight .mb, .highlight .mx {
142
+ color: #ae81ff;
143
+ }
144
+ .highlight .se {
145
+ color: #ae81ff;
146
+ }
147
+ .highlight .sb {
148
+ color: #e6db74;
149
+ }
150
+ .highlight .sc {
151
+ color: #e6db74;
152
+ }
153
+ .highlight .sd {
154
+ color: #e6db74;
155
+ }
156
+ .highlight .s2 {
157
+ color: #e6db74;
158
+ }
159
+ .highlight .sh {
160
+ color: #e6db74;
161
+ }
162
+ .highlight .si {
163
+ color: #e6db74;
164
+ }
165
+ .highlight .sx {
166
+ color: #e6db74;
167
+ }
168
+ .highlight .sr {
169
+ color: #e6db74;
170
+ }
171
+ .highlight .s1 {
172
+ color: #e6db74;
173
+ }
174
+ .highlight .ss {
175
+ color: #e6db74;
176
+ }
177
+ .highlight .s, .highlight .sa, .highlight .dl {
178
+ color: #e6db74;
179
+ }
180
+ .highlight .na {
181
+ color: #a6e22e;
182
+ }
183
+ .highlight .nc {
184
+ color: #a6e22e;
185
+ font-weight: bold;
186
+ }
187
+ .highlight .nd {
188
+ color: #a6e22e;
189
+ font-weight: bold;
190
+ }
191
+ .highlight .ne {
192
+ color: #a6e22e;
193
+ font-weight: bold;
194
+ }
195
+ .highlight .nf, .highlight .fm {
196
+ color: #a6e22e;
197
+ font-weight: bold;
198
+ }
199
+ .highlight .no {
200
+ color: #66d9ef;
201
+ }
202
+ .highlight .bp {
203
+ color: #f8f8f2;
204
+ }
205
+ .highlight .nb {
206
+ color: #f8f8f2;
207
+ }
208
+ .highlight .ni {
209
+ color: #f8f8f2;
210
+ }
211
+ .highlight .nn {
212
+ color: #f8f8f2;
213
+ }
214
+ .highlight .vc {
215
+ color: #f8f8f2;
216
+ }
217
+ .highlight .vg {
218
+ color: #f8f8f2;
219
+ }
220
+ .highlight .vi {
221
+ color: #f8f8f2;
222
+ }
223
+ .highlight .nv, .highlight .vm {
224
+ color: #f8f8f2;
225
+ }
226
+ .highlight .w {
227
+ color: #f8f8f2;
228
+ }
229
+ .highlight .nl {
230
+ color: #f8f8f2;
231
+ font-weight: bold;
232
+ }
233
+ .highlight .nt {
234
+ color: #f92672;
235
+ }
236
+ .highlight {
237
+ color: #f8f8f2;
238
+ background-color: #49483e;
239
+ }
240
+
241
+ figure.highlight{
242
+ position: relative;
243
+ }
244
+
245
+ figure.highlight pre code[data-lang]::before, div.highlight pre code[data-lang]::before{
246
+ content: attr(data-lang);
247
+ text-transform: uppercase;
248
+ position: absolute;
249
+ color: #ebebeb;
250
+ right: 34px;
251
+ top: -10px;
252
+ padding-left: 7.5px;
253
+ padding-right: 7.5px;
254
+ border: 1px solid #828282;
255
+ border-top-left-radius: 5px;
256
+ border-top-right-radius: 5px;
257
+ border-bottom-left-radius: 5px;
258
+ border-bottom-right-radius: 5px;
259
+ min-width: 40px;
260
+ text-align: center;
261
+ background-color: #49483e;
262
+ }