jekyll-theme-jsblog 1.0.16 → 1.0.18
Sign up to get free protection for your applications and to get access to all the features.
- 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
|