space-jekyll-theme 0.1.3 → 0.1.8
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/posts.html +2 -2
- data/_layouts/post.html +2 -2
- data/_sass/main.scss +83 -77
- 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: adc93e2052b014a89005268eac2e37708926c9b7eb09c41e9754a52c7c1e40c1
|
4
|
+
data.tar.gz: 7703b87fdc1dbc2127b4ae2b66bbba4877e3c3270923c9aa83a1ee0d1c4ff6e2
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 7ff2d394a83dfbb2b235a225903825e5c74cb8fb37ee10446e033e2135e1ada39fd1b55b67c758509367587bbb4f8e120be030784ef46919d62b8c0496957f6d
|
7
|
+
data.tar.gz: d2ae11ca07e9e1783819ded0e808a80a24436db0d0010d75f652814ca64eda7c9bf8ecb35fb2be58c5cf92745b9a2c6a8029fa59c8f5029e66e1451d50c85b59
|
data/_includes/posts.html
CHANGED
@@ -1,11 +1,11 @@
|
|
1
1
|
{% for post in site.posts %}
|
2
2
|
<div class="post">
|
3
|
-
<
|
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
|
-
<
|
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,15 +1,56 @@
|
|
1
1
|
@import "_breakpoints";
|
2
2
|
@import "_mixins";
|
3
|
+
@import "_maths";
|
4
|
+
@import "_colors";
|
3
5
|
|
4
|
-
$
|
5
|
-
$
|
6
|
-
$
|
7
|
-
$orange : #fd5200;
|
8
|
-
$rust : #af3800;
|
6
|
+
$font: "Space Grotesk";
|
7
|
+
$mono-font: "Space Mono";
|
8
|
+
$scalefactor: 1.414;
|
9
9
|
|
10
10
|
* {
|
11
11
|
box-sizing: border-box;
|
12
12
|
text-rendering: optimizeLegibility;
|
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, nav {
|
49
|
+
font-size: 1em;
|
50
|
+
line-height: 1.6;
|
51
|
+
color: $black-coffee;
|
52
|
+
margin-top: 40px;
|
53
|
+
margin-bottom: 40px;
|
13
54
|
}
|
14
55
|
|
15
56
|
.logo {
|
@@ -21,33 +62,33 @@ h2,
|
|
21
62
|
h3,
|
22
63
|
h4,
|
23
64
|
h5,
|
24
|
-
h6,
|
25
|
-
|
26
|
-
font-
|
65
|
+
h6,
|
66
|
+
blockquote {
|
67
|
+
font-family: $font;
|
68
|
+
// line-height: 1.5em;
|
27
69
|
}
|
28
70
|
|
29
71
|
a {
|
30
72
|
text-decoration: none;
|
31
|
-
color: $
|
32
|
-
padding-bottom: 0.
|
73
|
+
color: $emerald;
|
74
|
+
padding-bottom: 0.001em;
|
33
75
|
border-bottom: 1px solid lightgray;
|
34
76
|
}
|
35
77
|
|
36
78
|
a:hover {
|
37
|
-
color: $
|
38
|
-
border-bottom: 1px solid $
|
79
|
+
color: darken($emerald, 20%);
|
80
|
+
border-bottom: 1px solid darken($emerald, 20%);
|
39
81
|
}
|
40
82
|
|
41
83
|
h1 {
|
42
|
-
font-size:
|
43
|
-
line-height:
|
84
|
+
font-size: 1em * pow($scalefactor, 3);
|
85
|
+
line-height: 1.4;
|
44
86
|
margin-top: 80px;
|
45
87
|
margin-bottom: 40px;
|
46
|
-
font-
|
88
|
+
font-family: $font;
|
47
89
|
}
|
48
90
|
|
49
91
|
h1.title {
|
50
|
-
|
51
92
|
a {
|
52
93
|
border: none;
|
53
94
|
color: black;
|
@@ -55,52 +96,37 @@ h1.title {
|
|
55
96
|
}
|
56
97
|
|
57
98
|
h2 {
|
58
|
-
color: $
|
59
|
-
font-size:
|
60
|
-
line-height: 160%;
|
99
|
+
color: $emerald;
|
100
|
+
font-size: 1em * pow($scalefactor, 2);
|
61
101
|
margin-top: 60px;
|
62
102
|
margin-bottom: 40px;
|
63
103
|
}
|
64
104
|
|
65
105
|
h2.subtitle {
|
66
|
-
font-
|
67
|
-
font-size: 28px;
|
68
|
-
font-family: $body-font;
|
106
|
+
font-size: 1em * pow($scalefactor, 2);
|
69
107
|
margin-top: -30px;
|
108
|
+
font-weight: 300;
|
70
109
|
}
|
71
110
|
|
72
111
|
h3 {
|
73
|
-
font-size:
|
74
|
-
line-height: 150%;
|
112
|
+
font-size: 1em * pow($scalefactor, 1);
|
75
113
|
margin-top: 40px;
|
76
114
|
margin-bottom: 20px;
|
77
115
|
}
|
78
116
|
|
79
117
|
h4 {
|
80
|
-
font-size:
|
118
|
+
font-size: 1em * pow($scalefactor, 1);
|
81
119
|
line-height: 140%;
|
82
120
|
}
|
83
121
|
h5 {
|
84
|
-
font-size:
|
122
|
+
font-size: 1em * pow($scalefactor, 1);
|
85
123
|
letter-spacing: 1px;
|
86
124
|
text-transform: uppercase;
|
87
|
-
line-height: 140%;
|
88
125
|
}
|
89
126
|
h6 {
|
90
|
-
font-size:
|
127
|
+
font-size: 1em;
|
91
128
|
letter-spacing: 2px;
|
92
129
|
text-transform: uppercase;
|
93
|
-
line-height: 140%;
|
94
|
-
}
|
95
|
-
|
96
|
-
p {
|
97
|
-
// color: #353535;
|
98
|
-
color: black;
|
99
|
-
font-size: 24px;
|
100
|
-
font-weight: 400;
|
101
|
-
line-height: 150%;
|
102
|
-
margin-top: 40px;
|
103
|
-
margin-bottom: 40px;
|
104
130
|
}
|
105
131
|
|
106
132
|
ul,
|
@@ -109,12 +135,6 @@ dl {
|
|
109
135
|
line-height: 200%;
|
110
136
|
font-size: 20px;
|
111
137
|
}
|
112
|
-
body {
|
113
|
-
font-family: $body-font;
|
114
|
-
margin: 0;
|
115
|
-
width: 100%;
|
116
|
-
background-color: white;
|
117
|
-
}
|
118
138
|
|
119
139
|
img,
|
120
140
|
audio,
|
@@ -127,25 +147,10 @@ figure {
|
|
127
147
|
iframe {
|
128
148
|
width: 100%;
|
129
149
|
}
|
130
|
-
.container {
|
131
|
-
background-color: white;
|
132
|
-
margin: 2em auto 2em auto;
|
133
|
-
padding: 0 2em 0 2em;
|
134
|
-
max-width: 800px;
|
135
|
-
@include sm {
|
136
|
-
margin: 2em auto 2em auto;
|
137
|
-
padding: 0 2em 0 2em;
|
138
|
-
}
|
139
|
-
@include xl {
|
140
|
-
margin: 8em auto 8em auto;
|
141
|
-
}
|
142
|
-
}
|
143
150
|
|
144
151
|
nav {
|
145
152
|
margin-top: 40px;
|
146
153
|
margin-bottom: 40px;
|
147
|
-
font-family: $display-font;
|
148
|
-
font-size: 20px;
|
149
154
|
|
150
155
|
a {
|
151
156
|
color: black;
|
@@ -155,15 +160,15 @@ nav {
|
|
155
160
|
border-bottom: none;
|
156
161
|
padding-bottom: 0.3em;
|
157
162
|
}
|
158
|
-
a:
|
163
|
+
a:hover {
|
159
164
|
text-decoration: none !important;
|
160
165
|
padding-bottom: 0.3em;
|
161
166
|
}
|
162
167
|
a.active {
|
163
168
|
text-decoration: none;
|
164
|
-
color: $
|
169
|
+
color: $emerald;
|
165
170
|
padding-bottom: 0.3em;
|
166
|
-
border-bottom: 1px solid $
|
171
|
+
border-bottom: 1px solid $emerald;
|
167
172
|
}
|
168
173
|
}
|
169
174
|
|
@@ -185,7 +190,7 @@ nav {
|
|
185
190
|
|
186
191
|
table {
|
187
192
|
text-align: left;
|
188
|
-
font-size:
|
193
|
+
font-size: 1em;
|
189
194
|
|
190
195
|
caption {
|
191
196
|
text-align: left;
|
@@ -198,15 +203,16 @@ li {
|
|
198
203
|
}
|
199
204
|
|
200
205
|
blockquote {
|
201
|
-
font-family: $
|
206
|
+
font-family: $font;
|
202
207
|
color: black;
|
203
|
-
font-size:
|
208
|
+
font-size: 1em * pow($scalefactor, 1);
|
204
209
|
// font-style: italic;
|
205
210
|
line-height: 140%;
|
206
211
|
margin-top: 40px;
|
207
212
|
margin-bottom: 40px;
|
208
213
|
p {
|
209
214
|
color: inherit;
|
215
|
+
font-style: italic;
|
210
216
|
}
|
211
217
|
}
|
212
218
|
|
@@ -221,11 +227,11 @@ kbd {
|
|
221
227
|
}
|
222
228
|
|
223
229
|
pre {
|
224
|
-
font-size:
|
230
|
+
font-size: 1em;
|
225
231
|
}
|
226
232
|
|
227
233
|
cite {
|
228
|
-
font-family: $
|
234
|
+
font-family: $font;
|
229
235
|
font-style: normal;
|
230
236
|
}
|
231
237
|
|
@@ -235,10 +241,8 @@ hr {
|
|
235
241
|
background-color: lightgray;
|
236
242
|
}
|
237
243
|
|
238
|
-
|
239
244
|
footer {
|
240
245
|
margin-top: 80px;
|
241
|
-
font-size: 16px;
|
242
246
|
margin-bottom: 160px;
|
243
247
|
color: grey;
|
244
248
|
|
@@ -249,14 +253,13 @@ footer {
|
|
249
253
|
}
|
250
254
|
|
251
255
|
figcaption {
|
252
|
-
font-family: $
|
256
|
+
font-family: $font;
|
253
257
|
margin-top: 10px;
|
254
258
|
color: grey;
|
255
259
|
text-align: center;
|
256
260
|
}
|
257
261
|
|
258
262
|
.meta {
|
259
|
-
font-family: $display-font;
|
260
263
|
margin-top: -20px;
|
261
264
|
margin-bottom: 40px;
|
262
265
|
p {
|
@@ -269,15 +272,18 @@ figcaption {
|
|
269
272
|
}
|
270
273
|
|
271
274
|
.kicker {
|
272
|
-
|
275
|
+
|
273
276
|
color: grey;
|
274
277
|
margin-top: 80px;
|
275
|
-
margin-bottom: -
|
278
|
+
margin-bottom: -70px;
|
276
279
|
text-transform: none;
|
277
|
-
letter-spacing:
|
280
|
+
letter-spacing: 2;
|
278
281
|
font-weight: 400;
|
282
|
+
text-transform: uppercase;
|
279
283
|
}
|
280
284
|
|
281
|
-
strong,
|
285
|
+
strong,
|
286
|
+
b {
|
287
|
+
font-weight: 700;
|
282
288
|
color: black;
|
283
|
-
}
|
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.8
|
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
|