jekyll-theme-jsblog 1.0.16 → 1.0.18
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.
- checksums.yaml +4 -4
- data/_includes/header.html +7 -1
- data/_sass/jsblog.scss +9 -6
- data/_sass/jsblog/_base.scss +3 -3
- data/_sass/jsblog/_layout.scss +50 -23
- data/_sass/jsblog/_syntax-highlighting.scss +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ac819a6190d0444a2592768b29c28013d06647ddd413d1c040b5ed9f45410140
|
|
4
|
+
data.tar.gz: 34721408a13e60c69e346d9ee162b01f38b9ddf167cf6f2f574589c0f5437252
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 995605c11dc212bbbd6f3e24facae4e2c3f0532500677c0a355239a4df8abc9570c27b1657747494ec2429a4d4edd2954e70358fcbfb41500f03fcd921cfa034
|
|
7
|
+
data.tar.gz: 072d5f9d50e0fa210ebe9e95cc76682f73f68fedc4e9d7d9e9af0ad57aaf3a14d5e77f026273783cbfc6e3c99ec413a7c17a951f55f93aa1f7451233b76cf1a1
|
data/_includes/header.html
CHANGED
|
@@ -2,7 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
<div class="wrapper">
|
|
4
4
|
|
|
5
|
-
<
|
|
5
|
+
<div class="site-header-container">
|
|
6
|
+
<div class="site-header-text">
|
|
7
|
+
<a class="site-title" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
|
|
8
|
+
<br>
|
|
9
|
+
<p class="site-description">{{ site.description | escape }}</p>
|
|
10
|
+
</div>
|
|
11
|
+
</div>
|
|
6
12
|
|
|
7
13
|
<nav class="site-nav">
|
|
8
14
|
{% for link in site.data.navigation.main %}
|
data/_sass/jsblog.scss
CHANGED
|
@@ -6,7 +6,8 @@ $monospace-font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Co
|
|
|
6
6
|
// Site Wide Variables
|
|
7
7
|
$site-header-text-color: #ffffff !default;
|
|
8
8
|
$site-header-text-color-visited: darken(#828282, 25%); // --grey-color-dark in light mode
|
|
9
|
-
$site-title-font-size:
|
|
9
|
+
$site-title-font-size: 32px !default;
|
|
10
|
+
$site-title-small-font-size: 25px !default;
|
|
10
11
|
$site-footer-font-size: 16px !default;
|
|
11
12
|
|
|
12
13
|
// Font Sizes
|
|
@@ -27,8 +28,8 @@ $lead-small-font-size: 19px !default;
|
|
|
27
28
|
$base-font-size: 17px !default;
|
|
28
29
|
$caption-font-size: 17px !default;
|
|
29
30
|
$blockquote-font-size: 18px !default;
|
|
30
|
-
$small-font-size:
|
|
31
|
-
$nav-font-size:
|
|
31
|
+
$small-font-size: $base-font-size * 0.875 !default;
|
|
32
|
+
$nav-font-size: 16px !default;
|
|
32
33
|
|
|
33
34
|
// Font Variables
|
|
34
35
|
$base-font-weight: 400 !default;
|
|
@@ -50,9 +51,7 @@ $dm-grey-color-lighter: darken(#828282, 30%); // Use the $grey-color as base
|
|
|
50
51
|
$dm-grey-color-dark: lighten(#828282, 40%); // Use the $grey-color as base
|
|
51
52
|
$dm-grey-color-darker: lighten(#828282, 45%); // Use the $grey-color as base
|
|
52
53
|
|
|
53
|
-
$
|
|
54
|
-
$a-color: #0070c9 !default;
|
|
55
|
-
$a-hover-opacity: .65 !default;
|
|
54
|
+
$link-hover-opacity: .65 !default;
|
|
56
55
|
|
|
57
56
|
// Width of the content area
|
|
58
57
|
$on-palm: 692px !default;
|
|
@@ -62,6 +61,8 @@ $on-small: 735px !default;
|
|
|
62
61
|
|
|
63
62
|
// Variables that change with dark mode
|
|
64
63
|
:root {
|
|
64
|
+
--link-color: #0070c9;
|
|
65
|
+
--link-visited-color: #0059a0;
|
|
65
66
|
--text-color: #333333;
|
|
66
67
|
--dim-text-color: #ffffff;
|
|
67
68
|
--background-color: #ffffff;
|
|
@@ -81,6 +82,8 @@ $on-small: 735px !default;
|
|
|
81
82
|
|
|
82
83
|
@media (prefers-color-scheme: dark) {
|
|
83
84
|
:root {
|
|
85
|
+
--link-color: #328cd3;
|
|
86
|
+
--link-visited-color: #2870a8;
|
|
84
87
|
--text-color: #f2f2f2;
|
|
85
88
|
--dim-text-color: #000000;
|
|
86
89
|
--background-color: #2C2C2C;
|
data/_sass/jsblog/_base.scss
CHANGED
|
@@ -130,16 +130,16 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
130
130
|
* Links
|
|
131
131
|
*/
|
|
132
132
|
a {
|
|
133
|
-
color:
|
|
133
|
+
color: var(--link-color);
|
|
134
134
|
text-decoration: none;
|
|
135
135
|
|
|
136
136
|
&:visited {
|
|
137
|
-
color:
|
|
137
|
+
color: var(--link-visited-color);
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
&:hover {
|
|
141
141
|
color: var(--text-color);
|
|
142
|
-
opacity: $
|
|
142
|
+
opacity: $link-hover-opacity;
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
145
|
|
data/_sass/jsblog/_layout.scss
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
* Site header
|
|
3
3
|
*/
|
|
4
4
|
.site-header {
|
|
5
|
-
height:
|
|
6
|
-
line-height:
|
|
5
|
+
height: 100px;
|
|
6
|
+
// line-height: 70px;
|
|
7
7
|
background-color: var(--header-background-color);
|
|
8
8
|
|
|
9
9
|
-webkit-user-select: none;
|
|
@@ -31,13 +31,25 @@
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
+
.site-header-container {
|
|
35
|
+
margin-bottom: 0;
|
|
36
|
+
float: left;
|
|
37
|
+
height: 100px;
|
|
38
|
+
line-height: 100px;
|
|
39
|
+
max-width: 45%;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.site-header-text {
|
|
43
|
+
display: inline-block;
|
|
44
|
+
vertical-align: middle;
|
|
45
|
+
line-height: normal;
|
|
46
|
+
}
|
|
47
|
+
|
|
34
48
|
.site-title {
|
|
35
49
|
color: $site-header-text-color !important;
|
|
36
50
|
font-size: $site-title-font-size;
|
|
37
51
|
font-weight: $heavy-font-weight;
|
|
38
52
|
letter-spacing: -1px;
|
|
39
|
-
margin-bottom: 0;
|
|
40
|
-
float: left;
|
|
41
53
|
|
|
42
54
|
&,
|
|
43
55
|
&:visited {
|
|
@@ -45,17 +57,32 @@
|
|
|
45
57
|
}
|
|
46
58
|
|
|
47
59
|
:hover {
|
|
48
|
-
opacity: $
|
|
60
|
+
opacity: $link-hover-opacity;
|
|
49
61
|
text-decoration: none;
|
|
50
62
|
}
|
|
63
|
+
|
|
64
|
+
@include media-query($on-small) {
|
|
65
|
+
font-size: $site-title-small-font-size;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.site-description {
|
|
70
|
+
margin-top: 10px;
|
|
71
|
+
margin-bottom: 0;
|
|
72
|
+
font-size: $small-font-size;
|
|
73
|
+
|
|
74
|
+
@include media-query($on-small) {
|
|
75
|
+
display: none;
|
|
76
|
+
}
|
|
51
77
|
}
|
|
52
78
|
|
|
53
79
|
.site-nav {
|
|
54
80
|
float: right;
|
|
81
|
+
line-height: 100px;
|
|
55
82
|
font-size: $nav-font-size;
|
|
56
83
|
|
|
57
84
|
a:hover {
|
|
58
|
-
opacity: $
|
|
85
|
+
opacity: $link-hover-opacity;
|
|
59
86
|
text-decoration: none;
|
|
60
87
|
}
|
|
61
88
|
|
|
@@ -181,7 +208,7 @@
|
|
|
181
208
|
.post-continue {
|
|
182
209
|
a {
|
|
183
210
|
text-decoration: none;
|
|
184
|
-
color:
|
|
211
|
+
color: var(--link-color);
|
|
185
212
|
|
|
186
213
|
&:hover {
|
|
187
214
|
text-decoration: underline;
|
|
@@ -202,7 +229,7 @@
|
|
|
202
229
|
//
|
|
203
230
|
// &:hover {
|
|
204
231
|
// color: white;
|
|
205
|
-
// background-color:
|
|
232
|
+
// background-color: var(--link-color);
|
|
206
233
|
// }
|
|
207
234
|
// }
|
|
208
235
|
// }
|
|
@@ -230,7 +257,7 @@
|
|
|
230
257
|
.post-title {
|
|
231
258
|
font-size: $title-font-size;
|
|
232
259
|
line-height: 1.1;
|
|
233
|
-
font-weight:
|
|
260
|
+
font-weight: 800;
|
|
234
261
|
letter-spacing: 0em;
|
|
235
262
|
margin-bottom: 0px;
|
|
236
263
|
|
|
@@ -251,20 +278,20 @@
|
|
|
251
278
|
margin-bottom: $spacing-unit;
|
|
252
279
|
|
|
253
280
|
// First paragraph is the lead
|
|
254
|
-
p:first-of-type {
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
}
|
|
281
|
+
// p:first-of-type {
|
|
282
|
+
// font-size: $lead-font-size;
|
|
283
|
+
// line-height: 1.5;
|
|
284
|
+
// font-weight: 500;
|
|
285
|
+
// letter-spacing: .017em;
|
|
286
|
+
//
|
|
287
|
+
// @include media-query($on-medium) {
|
|
288
|
+
// font-size: $lead-small-font-size;
|
|
289
|
+
// }
|
|
290
|
+
//
|
|
291
|
+
// @include media-query($on-small) {
|
|
292
|
+
// font-size: $lead-small-font-size;
|
|
293
|
+
// }
|
|
294
|
+
// }
|
|
268
295
|
|
|
269
296
|
// Headers
|
|
270
297
|
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-jsblog
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.0.
|
|
4
|
+
version: 1.0.18
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Julian Schiavo
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2019-02-
|
|
11
|
+
date: 2019-02-03 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|