space-jekyll-theme 0.1.5 → 0.1.10
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/_config.yml +1 -1
- data/_sass/main.scss +119 -80
- 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: 4258fe913283826ab50ac42269cdd9262838d11c3eddb42f8c5a0b9752270172
|
4
|
+
data.tar.gz: 1e97ed52de3153ee58273411e484b6197e5026a20ae054c15b67be865f6a3967
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f8615f04788eb07f641fcf45ff43a436037f8593b5c0ccc387c204ce317cc39aec104ec7c5acb28420c12ea11da59c7c446d9f41c7c440e76d3727c48aa76ada
|
7
|
+
data.tar.gz: dcd8258304ac13be802bc13750095d146de7b6217ff52a4e56e08c30452cd9a1a390decf82852b7fdeb4b35462bc4f48ff7904a9218a093ac56b1e164a5ea87f
|
data/_config.yml
CHANGED
data/_sass/main.scss
CHANGED
@@ -1,14 +1,52 @@
|
|
1
1
|
@import "_breakpoints";
|
2
2
|
@import "_mixins";
|
3
3
|
|
4
|
-
$
|
5
|
-
$
|
6
|
-
$
|
7
|
-
|
8
|
-
$
|
4
|
+
$font: "Space Grotesk";
|
5
|
+
$mono-font: "Space Mono";
|
6
|
+
$scalefactor: 1.414;
|
7
|
+
|
8
|
+
$scarlet: rgb(252, 47, 0);
|
9
|
+
$purple: rgb(194, 0, 251);
|
10
|
+
$yellow-green: rgb(162, 215, 41);
|
11
|
+
$black-coffee: rgb(52, 46, 55);
|
12
|
+
$black-coral: rgb(89, 101, 111);
|
13
|
+
$emerald: rgb(89, 205, 144);
|
14
|
+
$cerulean-crayola: rgb(63, 167, 214);
|
15
|
+
$pink: rgb(228, 0, 102);
|
16
|
+
$accent: $emerald;
|
17
|
+
|
18
|
+
.scarlet {
|
19
|
+
color: $scarlet;
|
20
|
+
}
|
21
|
+
|
22
|
+
.purple {
|
23
|
+
color: $purple;
|
24
|
+
}
|
25
|
+
|
26
|
+
.yellow-green {
|
27
|
+
color: $yellow-green;
|
28
|
+
}
|
29
|
+
|
30
|
+
.black-coffee {
|
31
|
+
color: $black-coffee;
|
32
|
+
}
|
33
|
+
|
34
|
+
.black-coral {
|
35
|
+
color: $black-coral;
|
36
|
+
}
|
37
|
+
|
38
|
+
.emerald {
|
39
|
+
color: $emerald;
|
40
|
+
}
|
41
|
+
|
42
|
+
.cerulean-crayola {
|
43
|
+
color: $cerulean-crayola;
|
44
|
+
}
|
45
|
+
|
46
|
+
.pink {
|
47
|
+
color: $pink;
|
48
|
+
}
|
9
49
|
|
10
|
-
$ptsize : 16px;
|
11
|
-
$scalefactor : 1.333;
|
12
50
|
|
13
51
|
@function pow($number, $exponent) {
|
14
52
|
$value: 1;
|
@@ -26,44 +64,85 @@ $scalefactor : 1.333;
|
|
26
64
|
box-sizing: border-box;
|
27
65
|
text-rendering: optimizeLegibility;
|
28
66
|
font-kerning: auto;
|
67
|
+
font-weight: 300;
|
68
|
+
}
|
69
|
+
|
70
|
+
body {
|
71
|
+
font-family: $font;
|
72
|
+
margin: 0;
|
73
|
+
width: 100%;
|
74
|
+
}
|
75
|
+
|
76
|
+
.container {
|
77
|
+
margin: 2em auto 2em auto;
|
78
|
+
padding: 0 2em 0 2em;
|
79
|
+
max-width: 760px;
|
80
|
+
@include sm {
|
81
|
+
margin: 2em auto 2em auto;
|
82
|
+
padding: 0 2em 0 2em;
|
83
|
+
}
|
84
|
+
@include xl {
|
85
|
+
margin: 8em auto 8em auto;
|
86
|
+
}
|
87
|
+
}
|
88
|
+
|
89
|
+
small,
|
90
|
+
footer,
|
91
|
+
figcaption,
|
92
|
+
p.small,
|
93
|
+
cite,
|
94
|
+
.meta,
|
95
|
+
.kicker {
|
96
|
+
font-size: 0.8 em;
|
97
|
+
line-height: 1.3;
|
98
|
+
color: $black-coral;
|
99
|
+
}
|
100
|
+
|
101
|
+
p,
|
102
|
+
nav {
|
103
|
+
font-size: 1em;
|
104
|
+
line-height: 1.6;
|
105
|
+
color: $black-coffee;
|
106
|
+
margin-top: 40px;
|
107
|
+
margin-bottom: 40px;
|
29
108
|
}
|
30
109
|
|
31
110
|
.logo {
|
32
111
|
width: 50px;
|
33
112
|
}
|
34
113
|
|
114
|
+
h1,
|
35
115
|
h2,
|
36
116
|
h3,
|
37
117
|
h4,
|
38
118
|
h5,
|
39
|
-
h6,
|
40
|
-
|
41
|
-
|
119
|
+
h6,
|
120
|
+
blockquote {
|
121
|
+
font-family: $font;
|
122
|
+
// line-height: 1.5em;
|
42
123
|
}
|
43
124
|
|
44
125
|
a {
|
45
126
|
text-decoration: none;
|
46
|
-
color: $
|
47
|
-
padding-bottom: 0.
|
127
|
+
color: $emerald;
|
128
|
+
padding-bottom: 0.001em;
|
48
129
|
border-bottom: 1px solid lightgray;
|
49
130
|
}
|
50
131
|
|
51
132
|
a:hover {
|
52
|
-
color: $
|
53
|
-
border-bottom: 1px solid $
|
133
|
+
color: darken($emerald, 20%);
|
134
|
+
border-bottom: 1px solid darken($emerald, 20%);
|
54
135
|
}
|
55
136
|
|
56
137
|
h1 {
|
57
|
-
font-size:
|
58
|
-
line-height:
|
138
|
+
font-size: 1em * pow($scalefactor, 3);
|
139
|
+
line-height: 1.4;
|
59
140
|
margin-top: 80px;
|
60
141
|
margin-bottom: 40px;
|
61
|
-
|
62
|
-
font-family: $body-font;
|
142
|
+
font-family: $font;
|
63
143
|
}
|
64
144
|
|
65
145
|
h1.title {
|
66
|
-
|
67
146
|
a {
|
68
147
|
border: none;
|
69
148
|
color: black;
|
@@ -71,54 +150,37 @@ h1.title {
|
|
71
150
|
}
|
72
151
|
|
73
152
|
h2 {
|
74
|
-
|
75
|
-
|
76
|
-
font-size: $ptsize * pow($scalefactor, 2);
|
77
|
-
// line-height: 160%;
|
153
|
+
color: $emerald;
|
154
|
+
font-size: 1em * pow($scalefactor, 2);
|
78
155
|
margin-top: 60px;
|
79
156
|
margin-bottom: 40px;
|
80
157
|
}
|
81
158
|
|
82
159
|
h2.subtitle {
|
83
|
-
|
84
|
-
// font-style: italic;
|
85
|
-
font-size: $ptsize * pow($scalefactor, 2);
|
86
|
-
// font-family: $body-font;
|
160
|
+
font-size: 1em * pow($scalefactor, 2);
|
87
161
|
margin-top: -30px;
|
88
162
|
font-weight: 300;
|
89
163
|
}
|
90
164
|
|
91
165
|
h3 {
|
92
|
-
font-size:
|
93
|
-
// line-height: 150%;
|
166
|
+
font-size: 1em * pow($scalefactor, 1);
|
94
167
|
margin-top: 40px;
|
95
168
|
margin-bottom: 20px;
|
96
169
|
}
|
97
170
|
|
98
171
|
h4 {
|
99
|
-
font-size:
|
172
|
+
font-size: 1em * pow($scalefactor, 1);
|
100
173
|
line-height: 140%;
|
101
174
|
}
|
102
175
|
h5 {
|
103
|
-
font-size:
|
176
|
+
font-size: 1em * pow($scalefactor, 1);
|
104
177
|
letter-spacing: 1px;
|
105
178
|
text-transform: uppercase;
|
106
|
-
// line-height: 140%;
|
107
179
|
}
|
108
180
|
h6 {
|
109
|
-
font-size:
|
181
|
+
font-size: 1em;
|
110
182
|
letter-spacing: 2px;
|
111
183
|
text-transform: uppercase;
|
112
|
-
// line-height: 140%;
|
113
|
-
}
|
114
|
-
|
115
|
-
p {
|
116
|
-
color: rgb(68, 68, 68);
|
117
|
-
font-size: $ptsize;
|
118
|
-
font-weight: 400;
|
119
|
-
line-height: 1.6;
|
120
|
-
margin-top: 40px;
|
121
|
-
margin-bottom: 40px;
|
122
184
|
}
|
123
185
|
|
124
186
|
ul,
|
@@ -127,12 +189,6 @@ dl {
|
|
127
189
|
line-height: 200%;
|
128
190
|
font-size: 20px;
|
129
191
|
}
|
130
|
-
body {
|
131
|
-
font-family: $body-font;
|
132
|
-
margin: 0;
|
133
|
-
width: 100%;
|
134
|
-
background-color: white;
|
135
|
-
}
|
136
192
|
|
137
193
|
img,
|
138
194
|
audio,
|
@@ -145,25 +201,10 @@ figure {
|
|
145
201
|
iframe {
|
146
202
|
width: 100%;
|
147
203
|
}
|
148
|
-
.container {
|
149
|
-
background-color: white;
|
150
|
-
margin: 2em auto 2em auto;
|
151
|
-
padding: 0 2em 0 2em;
|
152
|
-
max-width: 760px;
|
153
|
-
@include sm {
|
154
|
-
margin: 2em auto 2em auto;
|
155
|
-
padding: 0 2em 0 2em;
|
156
|
-
}
|
157
|
-
@include xl {
|
158
|
-
margin: 8em auto 8em auto;
|
159
|
-
}
|
160
|
-
}
|
161
204
|
|
162
205
|
nav {
|
163
206
|
margin-top: 40px;
|
164
207
|
margin-bottom: 40px;
|
165
|
-
font-family: $display-font;
|
166
|
-
font-size: $ptsize;
|
167
208
|
|
168
209
|
a {
|
169
210
|
color: black;
|
@@ -173,15 +214,15 @@ nav {
|
|
173
214
|
border-bottom: none;
|
174
215
|
padding-bottom: 0.3em;
|
175
216
|
}
|
176
|
-
a:
|
217
|
+
a:hover {
|
177
218
|
text-decoration: none !important;
|
178
219
|
padding-bottom: 0.3em;
|
179
220
|
}
|
180
221
|
a.active {
|
181
222
|
text-decoration: none;
|
182
|
-
color: $
|
223
|
+
color: $emerald;
|
183
224
|
padding-bottom: 0.3em;
|
184
|
-
border-bottom: 1px solid $
|
225
|
+
border-bottom: 1px solid $emerald;
|
185
226
|
}
|
186
227
|
}
|
187
228
|
|
@@ -203,7 +244,7 @@ nav {
|
|
203
244
|
|
204
245
|
table {
|
205
246
|
text-align: left;
|
206
|
-
font-size:
|
247
|
+
font-size: 1em;
|
207
248
|
|
208
249
|
caption {
|
209
250
|
text-align: left;
|
@@ -216,9 +257,9 @@ li {
|
|
216
257
|
}
|
217
258
|
|
218
259
|
blockquote {
|
219
|
-
font-family: $
|
260
|
+
font-family: $font;
|
220
261
|
color: black;
|
221
|
-
font-size:
|
262
|
+
font-size: 1em * pow($scalefactor, 1);
|
222
263
|
// font-style: italic;
|
223
264
|
line-height: 140%;
|
224
265
|
margin-top: 40px;
|
@@ -240,11 +281,11 @@ kbd {
|
|
240
281
|
}
|
241
282
|
|
242
283
|
pre {
|
243
|
-
font-size:
|
284
|
+
font-size: 1em;
|
244
285
|
}
|
245
286
|
|
246
287
|
cite {
|
247
|
-
font-family: $
|
288
|
+
font-family: $font;
|
248
289
|
font-style: normal;
|
249
290
|
}
|
250
291
|
|
@@ -254,10 +295,8 @@ hr {
|
|
254
295
|
background-color: lightgray;
|
255
296
|
}
|
256
297
|
|
257
|
-
|
258
298
|
footer {
|
259
299
|
margin-top: 80px;
|
260
|
-
font-size: $ptsize/1.2;
|
261
300
|
margin-bottom: 160px;
|
262
301
|
color: grey;
|
263
302
|
|
@@ -268,14 +307,13 @@ footer {
|
|
268
307
|
}
|
269
308
|
|
270
309
|
figcaption {
|
271
|
-
font-family: $
|
310
|
+
font-family: $font;
|
272
311
|
margin-top: 10px;
|
273
312
|
color: grey;
|
274
313
|
text-align: center;
|
275
314
|
}
|
276
315
|
|
277
316
|
.meta {
|
278
|
-
font-family: $body-font;
|
279
317
|
margin-top: -20px;
|
280
318
|
margin-bottom: 40px;
|
281
319
|
p {
|
@@ -288,16 +326,17 @@ figcaption {
|
|
288
326
|
}
|
289
327
|
|
290
328
|
.kicker {
|
291
|
-
font-family: $display-font;
|
292
329
|
color: grey;
|
293
330
|
margin-top: 80px;
|
294
331
|
margin-bottom: -70px;
|
295
332
|
text-transform: none;
|
296
|
-
letter-spacing:
|
333
|
+
letter-spacing: 2;
|
297
334
|
font-weight: 400;
|
298
335
|
text-transform: uppercase;
|
299
336
|
}
|
300
337
|
|
301
|
-
strong,
|
338
|
+
strong,
|
339
|
+
b {
|
340
|
+
font-weight: 700;
|
302
341
|
color: black;
|
303
|
-
}
|
342
|
+
}
|
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.10
|
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
|