jekyll-theme-centos 0.5.6 → 0.5.11

Sign up to get free protection for your applications and to get access to all the features.
Files changed (32) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -3
  3. data/_includes/download/header.html +2 -2
  4. data/_includes/home/news-and-events.html +1 -1
  5. data/_includes/home/planet.html +10 -1
  6. data/_includes/page/code-header.html +7 -1
  7. data/_includes/post-nav-explorer.html +1 -1
  8. data/_layouts/home.html +0 -13
  9. data/_sass/centos/_fonts.scss +1 -0
  10. data/_sass/centos/_highlighter.scss +167 -356
  11. data/_sass/centos/_variables.scss +4 -20
  12. data/_sass/centos/fonts/_overpass.scss +45 -0
  13. data/_sass/centos/mixins/_code-header.scss +52 -30
  14. data/_sass/centos/mixins/_content.scss +6 -1
  15. data/assets/fonts/Overpass/overpass-mono-bold.eot +0 -0
  16. data/assets/fonts/Overpass/overpass-mono-bold.ttf +0 -0
  17. data/assets/fonts/Overpass/overpass-mono-bold.woff +0 -0
  18. data/assets/fonts/Overpass/overpass-mono-bold.woff2 +0 -0
  19. data/assets/fonts/Overpass/overpass-mono-light.eot +0 -0
  20. data/assets/fonts/Overpass/overpass-mono-light.ttf +0 -0
  21. data/assets/fonts/Overpass/overpass-mono-light.woff +0 -0
  22. data/assets/fonts/Overpass/overpass-mono-light.woff2 +0 -0
  23. data/assets/fonts/Overpass/overpass-mono-regular.eot +0 -0
  24. data/assets/fonts/Overpass/overpass-mono-regular.ttf +0 -0
  25. data/assets/fonts/Overpass/overpass-mono-regular.woff +0 -0
  26. data/assets/fonts/Overpass/overpass-mono-regular.woff2 +0 -0
  27. data/assets/fonts/Overpass/overpass-mono-semibold.eot +0 -0
  28. data/assets/fonts/Overpass/overpass-mono-semibold.ttf +0 -0
  29. data/assets/fonts/Overpass/overpass-mono-semibold.woff +0 -0
  30. data/assets/fonts/Overpass/overpass-mono-semibold.woff2 +0 -0
  31. data/assets/js/copycode.js +1 -0
  32. metadata +19 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 38e2c82abcca2f4a190afa49488fff2a6867968f3a6ec4f0734eeb074b58b1df
4
- data.tar.gz: 1a62c27359772f4a7dd8ac25bd94d8dcf9ac7768c2caae3b12bd456c86928737
3
+ metadata.gz: 971e12cee20cea2db6273556d284276593631ab42ac68e262d5a13bd3211c085
4
+ data.tar.gz: c2071597146c3f449ce10062c03ccfee663fbdf491fe2e04b12ec5debe1a78e6
5
5
  SHA512:
6
- metadata.gz: c7de46e856028d61291c0944f36295a09ea0ddf18714d8b674761da7c56ec1f49f8757ffad724a1a4ed0ad9cefcd9b267a32604802779a7bb86b71e107cfb246
7
- data.tar.gz: f63edff0aa3c155855a9e1c4c6264b9c9d8d21328200ef15c8b03c97e039c95a29813596fe5e6df10cee850dbc73cd61c4afe9cb8bf43233750fa144bf146cdf
6
+ metadata.gz: 8f1379d601b1a7f6853cb1ff4fe2bc63862c35d87fb481ba3d068f3a2701522a85a6bdbf291b376e6a72d691894ab3a4ec204e73dbd0b6ca6091cf553590b7bf
7
+ data.tar.gz: cecdc59f5a21948a5e0f5f74142580f5e36d65adc870a3feec012b6f224e48a25b3088b60dc7cde9578a3e075ff1aa8dc426d05b1bd00111c4b776a63d5c98b8
data/README.md CHANGED
@@ -32,13 +32,12 @@ Or install it yourself as:
32
32
 
33
33
  ## Usage
34
34
 
35
- TODO: Write usage instructions here. Describe your available layouts, includes,
36
- sass and/or assets.
35
+ Usage documentation is available at https://gitlab.com/areguera/jekyll-theme-centos-styleguide/.
37
36
 
38
37
  ## Contributing
39
38
 
40
39
  Bug reports and pull requests are welcome on GitHub at
41
- https://github.com/areguera/jekyll-theme-centos. This project is intended to be
40
+ https://gitlab.com/areguera/jekyll-theme-centos. This project is intended to be
42
41
  a safe, welcoming space for collaboration, and contributors are expected to
43
42
  adhere to the [Contributor Covenant](http://contributor-covenant.org) code of
44
43
  conduct.
@@ -2,8 +2,8 @@
2
2
  <thead>
3
3
  <tr>
4
4
  <th scope="col"><i class="fas fa-microchip"></i> Architectures</th>
5
- <th scope="col"><i class="fas fa-cubes"></i> Packages</th>
6
- <th scope="col"><i class="fas fa-plus-circle"></i> Others</th>
5
+ <th scope="col">Packages</th>
6
+ <th scope="col">Others</th>
7
7
  </tr>
8
8
  </thead>
9
9
  <tbody>
@@ -6,7 +6,7 @@
6
6
  {% assign blog_posts = site.posts | where: "category", "news-and-events" %}
7
7
  {% for i in blog_posts limit:4 %}
8
8
  {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
9
- <li><a href="{{ i.url }}">{{ i.title }}</a> &mdash; <small>{{ i.date | date: date_format }}</small> {{ i.excerpt }}</li>
9
+ <li><a href="{{ i.url }}">{{ i.title }}</a><br>{{ i.date | date: date_format }} &mdash; {{ i.excerpt | strip_html }}</li>
10
10
  {% endfor %}
11
11
  </ul>
12
12
 
@@ -1,4 +1,13 @@
1
1
  <section class="home__content__planet">
2
+
2
3
  <h2>Around CentOS</h2>
3
- <div id="rss-feeds"></div>
4
+
5
+ <ul>
6
+ {% assign entries = site.data.centos.planet %}
7
+ {% for i in entries limit:8 %}
8
+ {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
9
+ <li><a href="{{ i.link }}">{{ i.title }}</a><br>{{ i.published | date: date_format }} &mdash; {{ i.summary | strip_html | slice: 0,150 }}...</li>
10
+ {% endfor %}
11
+ </ul>
12
+
4
13
  </section>
@@ -1,4 +1,10 @@
1
1
  <div class="code-header">
2
+ {% if include.type %}
3
+ <div class="code-header--description-{{ include.type }}"></div>
4
+ {% else %}
5
+ <div class="code-header--description-code"></div>
6
+ {% endif %}
7
+ <div class="code-header--button">
2
8
  <button class="copy-code-button" aria-label="Copy code to clipboard"></button>
9
+ </div>
3
10
  </div>
4
-
@@ -11,7 +11,7 @@
11
11
  <a href="{{ "/feed.xml" | relative_url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fas fa-rss"></i></button></a>
12
12
  </div>
13
13
  <div class="post__nav__explorer__index">
14
- <a href="/{{ site.pagination.indexpage }}/"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
14
+ <a href="/{{ site.pagination.indexpage }}.html"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
15
15
  </div>
16
16
  {% if page.next.url %}
17
17
  <div class="post__nav__explorer__older">
data/_layouts/home.html CHANGED
@@ -31,19 +31,6 @@
31
31
 
32
32
  <script src="/assets/js/jquery.min.js"></script>
33
33
  <script src="/assets/js/bootstrap.min.js"></script>
34
- <script src="/assets/js/moment.min.js"></script>
35
- <script src="/assets/js/jquery.rss.js"></script>
36
- <script>
37
- jQuery(function($) {
38
- $("#rss-feeds").rss("https://www.centos.org/assets/planet.rss", {
39
- limit: 5,
40
- ssl: true,
41
- dateFormat: "MMM DD, YYYY",
42
- entryTemplate: '<li><a href="{url}">{title}</a> &mdash; <small>{date}</small><br/>{shortBodyPlain}</li>'
43
- },
44
- )
45
- })
46
- </script>
47
34
  </body>
48
35
 
49
36
  </html>
@@ -1 +1,2 @@
1
1
  @import "fonts/_montserrat";
2
+ @import "fonts/_overpass";
@@ -1,360 +1,171 @@
1
- .highlight {
2
- color: $nord-color-4;
3
- background-color: $nord-color-0;
4
-
5
- /* Text.Whitespace */
6
- .w {
7
- background-color: $nord-color-11;
8
- }
9
1
 
10
- /* Error */
11
- .err {
12
- color: $nord-color-11;
13
- }
2
+ /*
3
+ * GitHub style for Pygments syntax highlighter, for use with Jekyll
4
+ * Courtesy of GitHub.com
5
+ *
6
+ * src: https://github.com/aahan/pygments-github-style
7
+ */
8
+
9
+ .highlight pre, pre {
10
+ background-color: #f8f8f8;
11
+ border: 1px solid #ccc;
12
+ padding: 6px 10px;
13
+ border-radius: 0 0 3px 3px;
14
+ }
14
15
 
15
- /* Other */
16
+ .highlight {
17
+ .hll {
18
+ background-color: #f8f8f8;
19
+ border: 1px solid #ccc;
20
+ padding: 6px 10px;
21
+ border-radius: 3px;
22
+ }
23
+ .c {
24
+ color: #999988;
25
+ font-style: italic;
26
+ }
27
+ .err {
28
+ color: #a61717;
29
+ background-color: #e3d2d2;
30
+ }
31
+ .k, .o {
32
+ font-weight: bold;
33
+ }
34
+ .cm {
35
+ color: #999988;
36
+ font-style: italic;
37
+ }
38
+ .cp {
39
+ color: #999999;
40
+ font-weight: bold;
41
+ }
42
+ .c1 {
43
+ color: #999988;
44
+ font-style: italic;
45
+ }
46
+ .cs {
47
+ color: #999999;
48
+ font-weight: bold;
49
+ font-style: italic;
50
+ }
51
+ .gd {
52
+ color: #000000;
53
+ background-color: #ffdddd;
16
54
  .x {
17
- color: $nord-color-4;
18
- }
19
-
20
- /* Keyword */
21
- .k {
22
- color: $nord-color-9;
23
- }
24
-
25
- /* Keyword.Constant */
26
- .kc {
27
- color: $nord-color-11;
28
- }
29
-
30
- /* Keyword.Declaration */
31
- .kd {
32
- color: $nord-color-9;
33
- }
34
- /* Keyword.Namespace */
35
- .kn {
36
- color: $nord-color-9;
37
- }
38
-
39
- /* Keyword.Pseudo */
40
- .kp {
41
- color: $nord-color-9;
42
- }
43
-
44
- /* Keyword.Reserved */
45
- .kr {
46
- color: $nord-color-10;
47
- }
48
-
49
- /* Keyword.Type */
50
- .kt {
51
- color: $nord-color-9;
52
- }
53
-
54
- /* Name */
55
- .n {
56
- color: $nord-color-4;
57
- }
58
-
59
- /* Name.Attribute */
60
- .na {
61
- color: $nord-color-7;
62
- }
63
-
64
- /* Name.Builtin */
65
- .nb {
66
- color: $nord-color-9;
67
- }
68
-
69
- /* Name.Builtin.Pseudo */
70
- .bp {
71
- color: $nord-color-9;
72
- }
73
-
74
- /* Name.Class */
75
- .nc {
76
- color: $nord-color-7;
77
- }
78
-
79
- /* Name.Constant */
80
- .no {
81
- color: $nord-color-7;
82
- }
83
-
84
- /* Name.Decorator */
85
- .nd {
86
- color: $nord-color-7;
87
- }
88
-
89
- /* Name.Entity */
90
- .ni {
91
- color: $nord-color-12;
92
- }
93
-
94
- /* Name.Exception */
95
- .ne {
96
- color: $nord-color-12;
97
- }
98
-
99
- /* Name.Function */
100
- .nf {
101
- color: $nord-color-8;
102
- }
103
-
104
- /* Name.Property */
105
- .py {
106
- color: $nord-color-9;
107
- }
108
-
109
- /* Name.Label */
110
- .nl {
111
- color: $nord-color-8;
112
- }
113
-
114
- /* Name.Namespace */
115
- .nn {
116
- color: $nord-color-8;
117
- }
118
-
119
- /* Name.Other */
120
- .nx {
121
- color: $nord-color-8;
122
- }
123
-
124
- /* Name.Tag */
125
- .nt {
126
- color: $nord-color-9;
127
- }
128
-
129
- /* Name.Variable */
130
- .nv {
131
- color: $nord-color-4;
132
- }
133
-
134
- /* Name.Variable.Class */
135
- .vc {
136
- color: $nord-color-4;
137
- }
138
-
139
- /* Name.Variable.Global */
140
- .vg {
141
- color: $nord-color-4;
142
- }
143
-
144
- /* Name.Variable.Instance */
145
- .vi {
146
- color: $nord-color-4;
147
- }
148
-
149
- /* Literal */
150
- .l {
151
- color: $nord-color-9;
152
- }
153
-
154
- /* Literal.Date */
155
- .ld {
156
- color: $nord-color-9;
157
- }
158
-
159
- /* Literal.String */
160
- .s {
161
- color: $nord-color-14;
162
- }
163
-
164
- /* Literal.String.Backtick */
165
- .sb {
166
- color: $nord-color-14;
167
- }
168
-
169
- /* Literal.String.Char */
170
- .sc {
171
- color: $nord-color-14;
172
- }
173
-
174
- /* Literal.String.Doc */
175
- .sd {
176
- color: $nord-color-14;
177
- }
178
-
179
- /* Literal.String.Double */
180
- .s2 {
181
- color: $nord-color-14;
182
- }
183
-
184
- /* Literal.String.Escape */
185
- .se {
186
- color: $nord-color-12;
187
- }
188
-
189
- /* Literal.String.Heredoc */
190
- .sh {
191
- color: $nord-color-14;
192
- }
193
-
194
- /* Literal.String.Interpol */
195
- .si {
196
- color: $nord-color-14;
197
- }
198
-
199
- /* Literal.String.Other */
200
- .sx {
201
- color: $nord-color-14;
202
- }
203
-
204
- /* Literal.String.Regex */
205
- .sr {
206
- color: $nord-color-13;
207
- }
208
-
209
- /* Literal.String.Single */
210
- .s1 {
211
- color: $nord-color-14;
212
- }
213
-
214
- /* Literal.String.Symbol */
215
- .ss {
216
- color: $nord-color-14;
217
- }
218
-
219
- /* Literal.Number */
220
- .m {
221
- color: $nord-color-15;
222
- }
223
-
224
- /* Literal.Number.Float */
225
- .mf {
226
- color: $nord-color-15;
227
- }
228
-
229
- /* Literal.Number.Hex */
230
- .mh {
231
- color: $nord-color-15;
232
- }
233
-
234
- /* Literal.Number.Integer */
235
- .mi {
236
- color: $nord-color-15;
237
- }
238
-
239
- /* Literal.Number.Integer.Long */
240
- .il {
241
- color: $nord-color-15;
242
- }
243
-
244
- /* Literal.Number.Oct */
245
- .mo {
246
- color: $nord-color-15;
247
- }
248
-
249
- /* Literal.Number.Hex */
250
- .mx {
251
- color: $nord-color-15;
252
- }
253
-
254
- /* Literal.Number.Bin */
255
- .mb {
256
- color: $nord-color-15;
257
- }
258
-
259
- /* Operator */
260
- .o {
261
- color: $nord-color-4;
262
- }
263
-
264
- /* Operator.Word */
265
- .ow {
266
- color: $nord-color-9;
267
- }
268
-
269
- /* Punctuation */
270
- .p {
271
- color: $nord-color-4;
272
- }
273
-
274
- /* Comment */
275
- .c {
276
- color: $nord-color-3;
277
- }
278
-
279
- /* Comment.Multiline */
280
- .cm {
281
- color: $nord-color-3;
282
- }
283
-
284
- /* Comment.Preproc */
285
- .cp {
286
- color: $nord-color-10;
287
- }
288
-
289
- /* Comment.Single */
290
- .c1 {
291
- color: $nord-color-3;
292
- }
293
-
294
- /* Comment.Special */
295
- .cs {
296
- color: $nord-color-3;
297
- }
298
-
299
- /* Generic */
300
- .g {
301
- color: $nord-color-4;
302
- }
303
-
304
- /* Generic.Deleted */
305
- .gd {
306
- color: $nord-color-13;
307
- }
308
-
309
- /* Generic.Emph */
310
- .ge {
311
- color: $nord-color-4;
312
- font-style: italic;
313
- }
314
-
315
- /* Generic.Error */
316
- .gr {
317
- color: $nord-color-11;
318
- }
319
-
320
- /* Generic.Heading */
321
- .gh {
322
- color: $nord-color-8;
323
- }
324
-
325
- /* Generic.Inserted */
326
- .gi {
327
- color: $nord-color-4;
328
- }
329
-
330
- /* Generic.Output */
331
- .go {
332
- color: $nord-color-4;
333
- }
334
-
335
- /* Generic.Prompt */
336
- .gp {
337
- color: $nord-color-4;
338
- }
339
-
340
- /* Generic.Strong */
341
- .gs {
342
- color: $nord-color-4;
343
- font-weight: bold;
344
- }
345
-
346
- /* Generic.Subheading */
347
- .gu {
348
- color: $nord-color-9;
349
- }
350
-
351
- /* Generic.Traceback */
352
- .gt {
353
- color: $nord-color-13;
354
- }
355
-
356
- /* Generic.Lineno */
357
- .gl {
358
- color: $nord-color-2;
359
- }
55
+ color: #000000;
56
+ background-color: #ffaaaa;
57
+ }
58
+ }
59
+ .ge {
60
+ font-style: italic;
61
+ }
62
+ .gr {
63
+ color: #aa0000;
64
+ }
65
+ .gh {
66
+ color: #999999;
67
+ }
68
+ .gi {
69
+ color: #000000;
70
+ background-color: #ddffdd;
71
+ .x {
72
+ color: #000000;
73
+ background-color: #aaffaa;
74
+ }
75
+ }
76
+ .go {
77
+ color: #888888;
78
+ }
79
+ .gp {
80
+ color: #555555;
81
+ }
82
+ .gs {
83
+ font-weight: bold;
84
+ }
85
+ .gu {
86
+ color: #800080;
87
+ font-weight: bold;
88
+ }
89
+ .gt {
90
+ color: #aa0000;
91
+ }
92
+ .kc, .kd, .kn, .kp, .kr {
93
+ font-weight: bold;
94
+ }
95
+ .kt {
96
+ color: #445588;
97
+ font-weight: bold;
98
+ }
99
+ .m {
100
+ color: #009999;
101
+ }
102
+ .s {
103
+ color: #dd1144;
104
+ }
105
+ .n {
106
+ color: #333333;
107
+ }
108
+ .na {
109
+ color: teal;
110
+ }
111
+ .nb {
112
+ color: #0086b3;
113
+ }
114
+ .nc {
115
+ color: #445588;
116
+ font-weight: bold;
117
+ }
118
+ .no {
119
+ color: teal;
120
+ }
121
+ .ni {
122
+ color: purple;
123
+ }
124
+ .ne, .nf {
125
+ color: #990000;
126
+ font-weight: bold;
127
+ }
128
+ .nn {
129
+ color: #555555;
130
+ }
131
+ .nt {
132
+ color: navy;
133
+ }
134
+ .nv {
135
+ color: teal;
136
+ }
137
+ .ow {
138
+ font-weight: bold;
139
+ }
140
+ .w {
141
+ color: #bbbbbb;
142
+ }
143
+ .mf, .mh, .mi, .mo {
144
+ color: #009999;
145
+ }
146
+ .sb, .sc, .sd, .s2, .se, .sh, .si, .sx {
147
+ color: #dd1144;
148
+ }
149
+ .sr {
150
+ color: #009926;
151
+ }
152
+ .s1 {
153
+ color: #dd1144;
154
+ }
155
+ .ss {
156
+ color: #990073;
157
+ }
158
+ .bp {
159
+ color: #999999;
160
+ }
161
+ .vc, .vg, .vi {
162
+ color: teal;
163
+ }
164
+ .il {
165
+ color: #009999;
166
+ }
167
+ .gc {
168
+ color: #999;
169
+ background-color: #EAF2F5;
170
+ }
360
171
  }
@@ -10,27 +10,8 @@
10
10
  * ---------------------------------------------------------------------- */
11
11
  $white: #fff;
12
12
  $black: #000;
13
- $dark: #343a40;
13
+ $dark: #212529;
14
14
 
15
- /* ----------------------------------------------------------------------
16
- * Nord Identity
17
- * ---------------------------------------------------------------------- */
18
- $nord-color-0: #2e3440;
19
- $nord-color-1: #3b4252;
20
- $nord-color-2: #434c5e;
21
- $nord-color-3: #4c566a;
22
- $nord-color-4: #d8dee9;
23
- $nord-color-5: #e5e9f0;
24
- $nord-color-6: #eceff4;
25
- $nord-color-7: #8fbcbb;
26
- $nord-color-8: #88c0d0;
27
- $nord-color-9: #81a1c1;
28
- $nord-color-10: #5e81ac;
29
- $nord-color-11: #bf616a;
30
- $nord-color-12: #d08770;
31
- $nord-color-13: #ebcb8b;
32
- $nord-color-14: #a3be8c;
33
- $nord-color-15: #b48ead;
34
15
  /* ----------------------------------------------------------------------
35
16
  * CentOS Identity
36
17
  * ---------------------------------------------------------------------- */
@@ -86,3 +67,6 @@ $breadcrumb-padding-x: 0;
86
67
  //
87
68
  //$component-active-color: $white;
88
69
  //#$component-active-bg: $dark;
70
+
71
+ // Tables
72
+ $table-dark-bg: $body-color;
@@ -0,0 +1,45 @@
1
+ $font-family-path: "../fonts/Overpass/";
2
+
3
+ @font-face {
4
+ font-family: 'overpass-mono';
5
+ src: url('#{$font-family-path}overpass-mono-light.eot');
6
+ src: url('#{$font-family-path}overpass-mono-light.eot?#iefix') format('embedded-opentype'),
7
+ url('#{$font-family-path}overpass-mono-light.woff2') format('woff2'),
8
+ url('#{$font-family-path}overpass-mono-light.woff') format('woff'),
9
+ url('#{$font-family-path}overpass-mono-light.ttf') format('truetype');
10
+ font-weight: 300;
11
+ font-style: normal;
12
+ }
13
+
14
+ @font-face {
15
+ font-family: 'overpass-mono';
16
+ src: url('#{$font-family-path}overpass-mono-regular.eot');
17
+ src: url('#{$font-family-path}overpass-mono-regular.eot?#iefix') format('embedded-opentype'),
18
+ url('#{$font-family-path}overpass-mono-regular.woff2') format('woff2'),
19
+ url('#{$font-family-path}overpass-mono-regular.woff') format('woff'),
20
+ url('#{$font-family-path}overpass-mono-regular.ttf') format('truetype');
21
+ font-weight: 400;
22
+ font-style: normal;
23
+ }
24
+
25
+ @font-face {
26
+ font-family: 'overpass-mono';
27
+ src: url('#{$font-family-path}overpass-mono-semibold.eot');
28
+ src: url('#{$font-family-path}overpass-mono-semibold.eot?#iefix') format('embedded-opentype'),
29
+ url('#{$font-family-path}overpass-mono-semibold.woff2') format('woff2'),
30
+ url('#{$font-family-path}overpass-mono-semibold.woff') format('woff'),
31
+ url('#{$font-family-path}overpass-mono-semibold.ttf') format('truetype');
32
+ font-weight: 500;
33
+ font-style: normal;
34
+ }
35
+
36
+ @font-face {
37
+ font-family: 'overpass-mono';
38
+ src: url('#{$font-family-path}overpass-mono-bold.eot');
39
+ src: url('#{$font-family-path}overpass-mono-bold.eot?#iefix') format('embedded-opentype'),
40
+ url('#{$font-family-path}overpass-mono-bold.woff2') format('woff2'),
41
+ url('#{$font-family-path}overpass-mono-bold.woff') format('woff'),
42
+ url('#{$font-family-path}overpass-mono-bold.ttf') format('truetype');
43
+ font-weight: 600;
44
+ font-style: normal;
45
+ }
@@ -1,42 +1,64 @@
1
+ /* code-header
2
+ */
1
3
  @mixin code-header {
2
4
 
3
5
  .code-header {
4
6
  display: flex;
5
- justify-content: flex-end;
6
- background: $black;
7
- padding: 5px;
8
- }
9
-
10
- .copy-code-button {
11
- @extend .btn, .btn-dark;
12
- display: grid;
13
- grid-auto-flow: column;
7
+ justify-content: space-between;
8
+ background-color: $body-color;
9
+ color: $white;
14
10
  align-items: center;
15
- grid-column-gap: 4px;
16
- border: none;
17
- cursor: pointer;
18
- background-color: $black;
19
- font-size: small;
11
+ padding-left: 15px;
12
+ font-size: small;
20
13
 
21
- &:before {
22
- @extend .fas;
23
- content: fa-content($fa-var-clipboard);
24
- }
25
- &:after {
26
- content: "Copy";
27
- display: block;
14
+ &--description {
15
+ &-code {
16
+ &:before { @extend .fas; content: fa-content($fa-var-code); }
17
+ &:after { content: "Code"; padding-left: 5px}
18
+ }
19
+ &-python {
20
+ &:before { @extend .fab; content: fa-content($fa-var-python); }
21
+ &:after { content: "Python"; padding-left: 5px}
22
+ }
23
+ &-terminal {
24
+ &:before { @extend .fas; content: fa-content($fa-var-terminal); }
25
+ &:after { content: "Terminal"; padding-left: 5px}
26
+ }
28
27
  }
29
28
 
30
- // This class will be toggled via JavaScript
31
- &.copied {
32
- &:before {
33
- @extend .fas;
34
- content: fa-content($fa-var-check);
35
- color: $green;
36
- }
37
- &:after {
38
- content: "Copied!";
29
+ &--button {
30
+ .copy-code-button {
31
+ @extend .btn, .btn-dark, .shadow-none, .btn-sm;
32
+ border-radius: 0px;
33
+ display: grid;
34
+ grid-auto-flow: column;
35
+ align-items: center;
36
+ grid-column-gap: 4px;
37
+ border: none;
38
+ cursor: pointer;
39
+ background-color: $body-color;
40
+ font-size: small;
41
+
42
+ &:before {
43
+ @extend .fas;
44
+ content: fa-content($fa-var-clipboard);
45
+ }
46
+ &:after {
47
+ content: "Copy";
48
+ }
49
+
50
+ // This class will be toggled via JavaScript
51
+ &.copied {
52
+ &:before {
53
+ @extend .fas;
54
+ content: fa-content($fa-var-clipboard-check);
55
+ }
56
+ &:after {
57
+ content: "Copied!";
58
+ }
59
+ }
39
60
  }
40
61
  }
41
62
  }
63
+
42
64
  }
@@ -25,8 +25,13 @@
25
25
  }
26
26
 
27
27
  pre {
28
+ font-family: "overpass-mono";
28
29
  @extend .highlight, .pre-scrollable;
29
- padding: 1rem;
30
+ padding: 5px 15px;
31
+ }
32
+
33
+ code {
34
+ font-family: "overpass-mono";
30
35
  }
31
36
 
32
37
  table {
@@ -12,6 +12,7 @@ copyCodeButtons.forEach((copyCodeButton, index) => {
12
12
 
13
13
  setTimeout(() => {
14
14
  copyCodeButton.classList.remove("copied");
15
+ copyCodeButton.blur();
15
16
  }, 2000);
16
17
  });
17
18
  });
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-centos
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.6
4
+ version: 0.5.11
5
5
  platform: ruby
6
6
  authors:
7
7
  - Alain Reguera Delgado
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-04-11 00:00:00.000000000 Z
11
+ date: 2021-04-25 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -217,6 +217,7 @@ files:
217
217
  - _sass/centos/_variables.scss
218
218
  - _sass/centos/centos.scss
219
219
  - _sass/centos/fonts/_montserrat.scss
220
+ - _sass/centos/fonts/_overpass.scss
220
221
  - _sass/centos/mixins/_aside-nav.scss
221
222
  - _sass/centos/mixins/_code-header.scss
222
223
  - _sass/centos/mixins/_content-nav.scss
@@ -316,6 +317,22 @@ files:
316
317
  - assets/fonts/Montserrat/MontserratAlternates-ThinItalic.woff
317
318
  - assets/fonts/Montserrat/MontserratAlternates-ThinItalic.woff2
318
319
  - assets/fonts/Montserrat/README.MD
320
+ - assets/fonts/Overpass/overpass-mono-bold.eot
321
+ - assets/fonts/Overpass/overpass-mono-bold.ttf
322
+ - assets/fonts/Overpass/overpass-mono-bold.woff
323
+ - assets/fonts/Overpass/overpass-mono-bold.woff2
324
+ - assets/fonts/Overpass/overpass-mono-light.eot
325
+ - assets/fonts/Overpass/overpass-mono-light.ttf
326
+ - assets/fonts/Overpass/overpass-mono-light.woff
327
+ - assets/fonts/Overpass/overpass-mono-light.woff2
328
+ - assets/fonts/Overpass/overpass-mono-regular.eot
329
+ - assets/fonts/Overpass/overpass-mono-regular.ttf
330
+ - assets/fonts/Overpass/overpass-mono-regular.woff
331
+ - assets/fonts/Overpass/overpass-mono-regular.woff2
332
+ - assets/fonts/Overpass/overpass-mono-semibold.eot
333
+ - assets/fonts/Overpass/overpass-mono-semibold.ttf
334
+ - assets/fonts/Overpass/overpass-mono-semibold.woff
335
+ - assets/fonts/Overpass/overpass-mono-semibold.woff2
319
336
  - assets/fonts/fa-brands-400.eot
320
337
  - assets/fonts/fa-brands-400.svg
321
338
  - assets/fonts/fa-brands-400.ttf