space-jekyll-theme 0.1.3 → 0.1.8

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b503118a1125d6f426fcba814e432c4162e0039302fbfa98f3d263c7b4da4775
4
- data.tar.gz: 46ab5bb4f7110ce3f9237039385b5e707b71c32a2ea61272dc99da51f52a5687
3
+ metadata.gz: adc93e2052b014a89005268eac2e37708926c9b7eb09c41e9754a52c7c1e40c1
4
+ data.tar.gz: 7703b87fdc1dbc2127b4ae2b66bbba4877e3c3270923c9aa83a1ee0d1c4ff6e2
5
5
  SHA512:
6
- metadata.gz: 05ce4ee27b7adea9d723b460bd4fc1e2c336b271bf54e333af4755ce4c6c3a7312d9cdc27f251740e32c3bf3130205c0ab6e89ae31f87cc672b2a496d6787083
7
- data.tar.gz: 686622382a0f866d82488c413c9dc596313eb31d8c71d6a92cf6eac694c0fa1ca0e1b17eac9792cf2e4b8e17397b4acbc81ab1c93f0d52cb1b007a2be8d9cf39
6
+ metadata.gz: 7ff2d394a83dfbb2b235a225903825e5c74cb8fb37ee10446e033e2135e1ada39fd1b55b67c758509367587bbb4f8e120be030784ef46919d62b8c0496957f6d
7
+ data.tar.gz: d2ae11ca07e9e1783819ded0e808a80a24436db0d0010d75f652814ca64eda7c9bf8ecb35fb2be58c5cf92745b9a2c6a8029fa59c8f5029e66e1451d50c85b59
@@ -1,11 +1,11 @@
1
1
  {% for post in site.posts %}
2
2
  <div class="post">
3
- <h5 class="kicker">Filed under {{ post.kicker }} ▪︎ {{ post.date | date: "%m.%d.%Y" }} </h5>
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 %}
@@ -1,8 +1,8 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- <h5 class="kicker">Filed under {{ page.kicker }} ▪︎ {{ page.date | date: "%m.%d.%Y" }} </h5>
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 }}
@@ -1,15 +1,56 @@
1
1
  @import "_breakpoints";
2
2
  @import "_mixins";
3
+ @import "_maths";
4
+ @import "_colors";
3
5
 
4
- $display-font : "Public Sans";
5
- $body-font : "Gelasio";
6
- $mono-font : "Inconsolata";
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, blockquote {
25
- font-family: $display-font;
26
- font-weight: normal;
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: $orange;
32
- padding-bottom: 0.005em;
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: $rust;
38
- border-bottom: 1px solid $rust;
79
+ color: darken($emerald, 20%);
80
+ border-bottom: 1px solid darken($emerald, 20%);
39
81
  }
40
82
 
41
83
  h1 {
42
- font-size: 40px;
43
- line-height: 120%;
84
+ font-size: 1em * pow($scalefactor, 3);
85
+ line-height: 1.4;
44
86
  margin-top: 80px;
45
87
  margin-bottom: 40px;
46
- font-weight: 700;
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: $orange;
59
- font-size: 34px;
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-weight: 200;
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: 30px;
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: 26px;
118
+ font-size: 1em * pow($scalefactor, 1);
81
119
  line-height: 140%;
82
120
  }
83
121
  h5 {
84
- font-size: 18px;
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: 14px;
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: hover {
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: $orange;
169
+ color: $emerald;
165
170
  padding-bottom: 0.3em;
166
- border-bottom: 1px solid $orange;
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: 20px;
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: $body-font;
206
+ font-family: $font;
202
207
  color: black;
203
- font-size: 30px;
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: 20px;
230
+ font-size: 1em;
225
231
  }
226
232
 
227
233
  cite {
228
- font-family: $body-font;
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: $display-font;
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
- font-family: $display-font;
275
+
273
276
  color: grey;
274
277
  margin-top: 80px;
275
- margin-bottom: -60px;
278
+ margin-bottom: -70px;
276
279
  text-transform: none;
277
- letter-spacing: 0;
280
+ letter-spacing: 2;
278
281
  font-weight: 400;
282
+ text-transform: uppercase;
279
283
  }
280
284
 
281
- strong, b {
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.3
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-10 00:00:00.000000000 Z
11
+ date: 2020-12-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll