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 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