space-jekyll-theme 0.1.4 → 0.1.9
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/posts.html +2 -2
- data/_layouts/post.html +2 -2
- data/_sass/main.scss +82 -92
- 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: ab42c9dacefbc8e406f47dcf8b001eb55b9e02c37c0bc5e97670f8fb033da9fc
|
|
4
|
+
data.tar.gz: 9a87c72c78ca775cdff27783bd823cdbfb755d2d969e41bbd844cb20b490c247
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b66ff61b8a6502568258dda6fbbcaf34fc11aee4253801f9c8cce0bf01d175ed92484729f06c16decd56cdb190a41e7b15ac911d0aa322427decff07d0284153
|
|
7
|
+
data.tar.gz: aeec1aeb3b1d2e8353306bb3690c1daf1868963bab15d1b35ba2a66237f33c44bdcb65688a495f4c9729cb530b1b55e8664a60c19c64485ab33afc1390b7732c
|
data/_includes/posts.html
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{% for post in site.posts %}
|
|
2
2
|
<div class="post">
|
|
3
|
-
<h6 class="kicker">
|
|
3
|
+
<h6 class="kicker">{{ post.kicker }}</h6>
|
|
4
4
|
<h1 class="title">
|
|
5
5
|
<a href="{{ post.url }}">{{ post.title }}</a>
|
|
6
6
|
</h1>
|
|
7
7
|
<h2 class="subtitle">{{ post.subtitle }}</h2>
|
|
8
|
-
<div class="meta"><p>By {{ post.author }}</p></div>
|
|
8
|
+
<div class="meta"><p>By {{ post.author }} ▪︎ {{ post.date | date: "%m.%d.%Y" }} </p></div>
|
|
9
9
|
{{ post.excerpt }}
|
|
10
10
|
</div>
|
|
11
11
|
{% endfor %}
|
data/_layouts/post.html
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
|
-
<p class="kicker">
|
|
4
|
+
<p class="kicker">{{ page.kicker }}</p>
|
|
5
5
|
<h1>{{ page.title }}</h1>
|
|
6
6
|
<h2 class="subtitle">{{ page.subtitle }}</h2>
|
|
7
|
-
<div class="meta"><p>By {{ page.author }}</p></div>
|
|
7
|
+
<div class="meta"><p>By {{ page.author }} ▪︎ {{ page.date | date: "%m.%d.%Y" }} </p></div>
|
|
8
8
|
{{ content }}
|
data/_sass/main.scss
CHANGED
|
@@ -1,30 +1,57 @@
|
|
|
1
1
|
@import "_breakpoints";
|
|
2
2
|
@import "_mixins";
|
|
3
|
+
@import "helper";
|
|
4
|
+
@import "colors";
|
|
3
5
|
|
|
4
|
-
$
|
|
5
|
-
$
|
|
6
|
-
$
|
|
7
|
-
$orange : #fd5200;
|
|
8
|
-
$rust : #af3800;
|
|
9
|
-
|
|
10
|
-
$ptsize : 25px;
|
|
11
|
-
$scalefactor : 1.333;
|
|
12
|
-
@function pow($number, $exponent) {
|
|
13
|
-
$value: 1;
|
|
14
|
-
|
|
15
|
-
@if $exponent > 0 {
|
|
16
|
-
@for $i from 1 through $exponent {
|
|
17
|
-
$value: $value * $number;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@return $value;
|
|
22
|
-
}
|
|
6
|
+
$font: "Space Grotesk";
|
|
7
|
+
$mono-font: "Space Mono";
|
|
8
|
+
$scalefactor: 1.414;
|
|
23
9
|
|
|
24
10
|
* {
|
|
25
11
|
box-sizing: border-box;
|
|
26
12
|
text-rendering: optimizeLegibility;
|
|
27
|
-
font-kerning:
|
|
13
|
+
font-kerning: auto;
|
|
14
|
+
font-weight: 300;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
body {
|
|
18
|
+
font-family: $font;
|
|
19
|
+
margin: 0;
|
|
20
|
+
width: 100%;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.container {
|
|
24
|
+
margin: 2em auto 2em auto;
|
|
25
|
+
padding: 0 2em 0 2em;
|
|
26
|
+
max-width: 760px;
|
|
27
|
+
@include sm {
|
|
28
|
+
margin: 2em auto 2em auto;
|
|
29
|
+
padding: 0 2em 0 2em;
|
|
30
|
+
}
|
|
31
|
+
@include xl {
|
|
32
|
+
margin: 8em auto 8em auto;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
small,
|
|
37
|
+
footer,
|
|
38
|
+
figcaption,
|
|
39
|
+
p.small,
|
|
40
|
+
cite,
|
|
41
|
+
.meta,
|
|
42
|
+
.kicker {
|
|
43
|
+
font-size: 0.8 em;
|
|
44
|
+
line-height: 1.3;
|
|
45
|
+
color: $black-coral;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
p,
|
|
49
|
+
nav {
|
|
50
|
+
font-size: 1em;
|
|
51
|
+
line-height: 1.6;
|
|
52
|
+
color: $black-coffee;
|
|
53
|
+
margin-top: 40px;
|
|
54
|
+
margin-bottom: 40px;
|
|
28
55
|
}
|
|
29
56
|
|
|
30
57
|
.logo {
|
|
@@ -36,33 +63,33 @@ h2,
|
|
|
36
63
|
h3,
|
|
37
64
|
h4,
|
|
38
65
|
h5,
|
|
39
|
-
h6,
|
|
40
|
-
|
|
41
|
-
|
|
66
|
+
h6,
|
|
67
|
+
blockquote {
|
|
68
|
+
font-family: $font;
|
|
69
|
+
// line-height: 1.5em;
|
|
42
70
|
}
|
|
43
71
|
|
|
44
72
|
a {
|
|
45
73
|
text-decoration: none;
|
|
46
|
-
color: $
|
|
47
|
-
padding-bottom: 0.
|
|
74
|
+
color: $emerald;
|
|
75
|
+
padding-bottom: 0.001em;
|
|
48
76
|
border-bottom: 1px solid lightgray;
|
|
49
77
|
}
|
|
50
78
|
|
|
51
79
|
a:hover {
|
|
52
|
-
color: $
|
|
53
|
-
border-bottom: 1px solid $
|
|
80
|
+
color: darken($emerald, 20%);
|
|
81
|
+
border-bottom: 1px solid darken($emerald, 20%);
|
|
54
82
|
}
|
|
55
83
|
|
|
56
84
|
h1 {
|
|
57
|
-
font-size:
|
|
58
|
-
line-height:
|
|
85
|
+
font-size: 1em * pow($scalefactor, 3);
|
|
86
|
+
line-height: 1.4;
|
|
59
87
|
margin-top: 80px;
|
|
60
88
|
margin-bottom: 40px;
|
|
61
|
-
font-
|
|
89
|
+
font-family: $font;
|
|
62
90
|
}
|
|
63
91
|
|
|
64
92
|
h1.title {
|
|
65
|
-
|
|
66
93
|
a {
|
|
67
94
|
border: none;
|
|
68
95
|
color: black;
|
|
@@ -70,52 +97,37 @@ h1.title {
|
|
|
70
97
|
}
|
|
71
98
|
|
|
72
99
|
h2 {
|
|
73
|
-
color: $
|
|
74
|
-
font-size:
|
|
75
|
-
line-height: 160%;
|
|
100
|
+
color: $emerald;
|
|
101
|
+
font-size: 1em * pow($scalefactor, 2);
|
|
76
102
|
margin-top: 60px;
|
|
77
103
|
margin-bottom: 40px;
|
|
78
104
|
}
|
|
79
105
|
|
|
80
106
|
h2.subtitle {
|
|
81
|
-
font-
|
|
82
|
-
font-style: italic;
|
|
83
|
-
font-size: $ptsize * pow($scalefactor, 2);
|
|
84
|
-
font-family: $body-font;
|
|
107
|
+
font-size: 1em * pow($scalefactor, 2);
|
|
85
108
|
margin-top: -30px;
|
|
109
|
+
font-weight: 300;
|
|
86
110
|
}
|
|
87
111
|
|
|
88
112
|
h3 {
|
|
89
|
-
font-size:
|
|
90
|
-
line-height: 150%;
|
|
113
|
+
font-size: 1em * pow($scalefactor, 1);
|
|
91
114
|
margin-top: 40px;
|
|
92
115
|
margin-bottom: 20px;
|
|
93
116
|
}
|
|
94
117
|
|
|
95
118
|
h4 {
|
|
96
|
-
font-size:
|
|
119
|
+
font-size: 1em * pow($scalefactor, 1);
|
|
97
120
|
line-height: 140%;
|
|
98
121
|
}
|
|
99
122
|
h5 {
|
|
100
|
-
font-size:
|
|
123
|
+
font-size: 1em * pow($scalefactor, 1);
|
|
101
124
|
letter-spacing: 1px;
|
|
102
125
|
text-transform: uppercase;
|
|
103
|
-
line-height: 140%;
|
|
104
126
|
}
|
|
105
127
|
h6 {
|
|
106
|
-
font-size:
|
|
128
|
+
font-size: 1em;
|
|
107
129
|
letter-spacing: 2px;
|
|
108
130
|
text-transform: uppercase;
|
|
109
|
-
line-height: 140%;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
p {
|
|
113
|
-
color: black;
|
|
114
|
-
font-size: $ptsize;
|
|
115
|
-
font-weight: 400;
|
|
116
|
-
line-height: 145%;
|
|
117
|
-
margin-top: 40px;
|
|
118
|
-
margin-bottom: 40px;
|
|
119
131
|
}
|
|
120
132
|
|
|
121
133
|
ul,
|
|
@@ -124,12 +136,6 @@ dl {
|
|
|
124
136
|
line-height: 200%;
|
|
125
137
|
font-size: 20px;
|
|
126
138
|
}
|
|
127
|
-
body {
|
|
128
|
-
font-family: $body-font;
|
|
129
|
-
margin: 0;
|
|
130
|
-
width: 100%;
|
|
131
|
-
background-color: white;
|
|
132
|
-
}
|
|
133
139
|
|
|
134
140
|
img,
|
|
135
141
|
audio,
|
|
@@ -142,25 +148,10 @@ figure {
|
|
|
142
148
|
iframe {
|
|
143
149
|
width: 100%;
|
|
144
150
|
}
|
|
145
|
-
.container {
|
|
146
|
-
background-color: white;
|
|
147
|
-
margin: 2em auto 2em auto;
|
|
148
|
-
padding: 0 2em 0 2em;
|
|
149
|
-
max-width: 760px;
|
|
150
|
-
@include sm {
|
|
151
|
-
margin: 2em auto 2em auto;
|
|
152
|
-
padding: 0 2em 0 2em;
|
|
153
|
-
}
|
|
154
|
-
@include xl {
|
|
155
|
-
margin: 8em auto 8em auto;
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
151
|
|
|
159
152
|
nav {
|
|
160
153
|
margin-top: 40px;
|
|
161
154
|
margin-bottom: 40px;
|
|
162
|
-
font-family: $display-font;
|
|
163
|
-
font-size: $ptsize;
|
|
164
155
|
|
|
165
156
|
a {
|
|
166
157
|
color: black;
|
|
@@ -170,15 +161,15 @@ nav {
|
|
|
170
161
|
border-bottom: none;
|
|
171
162
|
padding-bottom: 0.3em;
|
|
172
163
|
}
|
|
173
|
-
a:
|
|
164
|
+
a:hover {
|
|
174
165
|
text-decoration: none !important;
|
|
175
166
|
padding-bottom: 0.3em;
|
|
176
167
|
}
|
|
177
168
|
a.active {
|
|
178
169
|
text-decoration: none;
|
|
179
|
-
color: $
|
|
170
|
+
color: $emerald;
|
|
180
171
|
padding-bottom: 0.3em;
|
|
181
|
-
border-bottom: 1px solid $
|
|
172
|
+
border-bottom: 1px solid $emerald;
|
|
182
173
|
}
|
|
183
174
|
}
|
|
184
175
|
|
|
@@ -200,7 +191,7 @@ nav {
|
|
|
200
191
|
|
|
201
192
|
table {
|
|
202
193
|
text-align: left;
|
|
203
|
-
font-size:
|
|
194
|
+
font-size: 1em;
|
|
204
195
|
|
|
205
196
|
caption {
|
|
206
197
|
text-align: left;
|
|
@@ -213,9 +204,9 @@ li {
|
|
|
213
204
|
}
|
|
214
205
|
|
|
215
206
|
blockquote {
|
|
216
|
-
font-family: $
|
|
207
|
+
font-family: $font;
|
|
217
208
|
color: black;
|
|
218
|
-
font-size:
|
|
209
|
+
font-size: 1em * pow($scalefactor, 1);
|
|
219
210
|
// font-style: italic;
|
|
220
211
|
line-height: 140%;
|
|
221
212
|
margin-top: 40px;
|
|
@@ -237,11 +228,11 @@ kbd {
|
|
|
237
228
|
}
|
|
238
229
|
|
|
239
230
|
pre {
|
|
240
|
-
font-size:
|
|
231
|
+
font-size: 1em;
|
|
241
232
|
}
|
|
242
233
|
|
|
243
234
|
cite {
|
|
244
|
-
font-family: $
|
|
235
|
+
font-family: $font;
|
|
245
236
|
font-style: normal;
|
|
246
237
|
}
|
|
247
238
|
|
|
@@ -251,10 +242,8 @@ hr {
|
|
|
251
242
|
background-color: lightgray;
|
|
252
243
|
}
|
|
253
244
|
|
|
254
|
-
|
|
255
245
|
footer {
|
|
256
246
|
margin-top: 80px;
|
|
257
|
-
font-size: $ptsize/1.2;
|
|
258
247
|
margin-bottom: 160px;
|
|
259
248
|
color: grey;
|
|
260
249
|
|
|
@@ -265,14 +254,13 @@ footer {
|
|
|
265
254
|
}
|
|
266
255
|
|
|
267
256
|
figcaption {
|
|
268
|
-
font-family: $
|
|
257
|
+
font-family: $font;
|
|
269
258
|
margin-top: 10px;
|
|
270
259
|
color: grey;
|
|
271
260
|
text-align: center;
|
|
272
261
|
}
|
|
273
262
|
|
|
274
263
|
.meta {
|
|
275
|
-
font-family: $display-font;
|
|
276
264
|
margin-top: -20px;
|
|
277
265
|
margin-bottom: 40px;
|
|
278
266
|
p {
|
|
@@ -285,15 +273,17 @@ figcaption {
|
|
|
285
273
|
}
|
|
286
274
|
|
|
287
275
|
.kicker {
|
|
288
|
-
font-family: $display-font;
|
|
289
276
|
color: grey;
|
|
290
277
|
margin-top: 80px;
|
|
291
|
-
margin-bottom: -
|
|
278
|
+
margin-bottom: -70px;
|
|
292
279
|
text-transform: none;
|
|
293
|
-
letter-spacing:
|
|
280
|
+
letter-spacing: 2;
|
|
294
281
|
font-weight: 400;
|
|
282
|
+
text-transform: uppercase;
|
|
295
283
|
}
|
|
296
284
|
|
|
297
|
-
strong,
|
|
285
|
+
strong,
|
|
286
|
+
b {
|
|
287
|
+
font-weight: 700;
|
|
298
288
|
color: black;
|
|
299
|
-
}
|
|
289
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: space-jekyll-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.9
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- '0xf17'
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2020-12-
|
|
11
|
+
date: 2020-12-13 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|