space-jekyll-theme 0.1.2 → 0.1.7

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: e8845f3828ccf185c5f5704dc13e88022d8cc2c7608aac2014489644c8f27fdf
4
- data.tar.gz: 4d0c7f4d69f42738a354003399f748d37f3defb78f2d56bffce5c7cebfccc16c
3
+ metadata.gz: 958f11fafd900584a75a2afd861638b8f9dcc14bf0070b617b27302dff859e1d
4
+ data.tar.gz: d439f6e977efc95fb913155e958970558c9f3f0f7100bff29529b57eb0d456c5
5
5
  SHA512:
6
- metadata.gz: db78e0ea4c989c79fe653907ace7d089cd7780149acd44f12c90422e0b1cda70690f8cd7aa658860389f71abecd740fb9615297513ac7a7380865503db9c4e87
7
- data.tar.gz: 97a560d1ae81cb046aef5da127fed5857857968435cefc75939b542d2e0207db74af67c8a2d646f92e3ecc1ac4793fac6fbeccaa7187acdabbf75ab63d0c68aa
6
+ metadata.gz: 6435a2e183109b1597c56d7beefdd54389b0d06772ca79647bfc2efb24a5ce3c9a9215565cf156156acc3be5f575d1b696eb2460aa15791d8670e10a539a7970
7
+ data.tar.gz: 3272a1ab816ce5721152c2d6659d1533f1a43963970d157be7c72c676e0aa2b6137029b0a0755c4bff32dbd5a95bc525181955fe3cb313ee7e376546ae7158f7
data/README.md CHANGED
@@ -2,4 +2,4 @@ space-jekyll-theme
2
2
 
3
3
  gem build space-jekyll-theme.gemspec
4
4
 
5
- gem push space-jekyll-theme-x.x.0.gem
5
+ gem push space-jekyll-theme-0.1.2.gem
@@ -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,31 @@
1
1
  @import "_breakpoints";
2
2
  @import "_mixins";
3
3
 
4
- $display-font : "Sporting Grotesque", sans-serif;
5
- $body-font : "Proza Libre";
6
- $mono-font : "Inconsolata";
7
- $orange : #fd5200;
8
- $rust : #af3800;
4
+ $display-font : "Space Grotesk";
5
+ $body-font : "Space Grotesk";
6
+ $mono-font : "Space Mono";
7
+ $green : #4CB963;
8
+ $dark-green : #157f1f;
9
+
10
+ $ptsize : 16px;
11
+ $scalefactor : 1.414;
12
+
13
+ @function pow($number, $exponent) {
14
+ $value: 1;
15
+
16
+ @if $exponent > 0 {
17
+ @for $i from 1 through $exponent {
18
+ $value: $value * $number;
19
+ }
20
+ }
21
+
22
+ @return $value;
23
+ }
9
24
 
10
25
  * {
11
26
  box-sizing: border-box;
12
27
  text-rendering: optimizeLegibility;
28
+ font-kerning: auto;
13
29
  }
14
30
 
15
31
  .logo {
@@ -23,27 +39,28 @@ h4,
23
39
  h5,
24
40
  h6, blockquote {
25
41
  font-family: $display-font;
26
- font-weight: normal;
42
+ // line-height: 1.5em;
27
43
  }
28
44
 
29
45
  a {
30
46
  text-decoration: none;
31
- color: $orange;
32
- padding-bottom: 0.01em;
47
+ color: $green;
48
+ padding-bottom: 0.005em;
33
49
  border-bottom: 1px solid lightgray;
34
50
  }
35
51
 
36
52
  a:hover {
37
- color: $rust;
38
- border-bottom: 1px solid $rust;
53
+ color: $dark-green;
54
+ border-bottom: 1px solid $dark-green;
39
55
  }
40
56
 
41
57
  h1 {
42
- font-size: 40px;
43
- line-height: 135%;
58
+ font-size: $ptsize * pow($scalefactor, 3);
59
+ line-height: 1.5;
44
60
  margin-top: 80px;
45
61
  margin-bottom: 40px;
46
- font-weight: 700;
62
+ // font-weight: 700;
63
+ font-family: $body-font;
47
64
  }
48
65
 
49
66
  h1.title {
@@ -55,49 +72,52 @@ h1.title {
55
72
  }
56
73
 
57
74
  h2 {
58
- color: $orange;
59
- font-size: 34px;
60
- line-height: 160%;
75
+
76
+ color: $green;
77
+ font-size: $ptsize * pow($scalefactor, 2);
78
+ // line-height: 160%;
61
79
  margin-top: 60px;
62
80
  margin-bottom: 40px;
63
81
  }
64
82
 
65
83
  h2.subtitle {
66
- font-weight: 200;
67
- font-size: 28px;
68
- font-family: $body-font;
84
+ // font-weight: 200;
85
+ // font-style: italic;
86
+ font-size: $ptsize * pow($scalefactor, 2);
87
+ // font-family: $body-font;
69
88
  margin-top: -30px;
89
+ font-weight: 300;
70
90
  }
71
91
 
72
92
  h3 {
73
- font-size: 30px;
74
- line-height: 150%;
93
+ font-size: $ptsize * pow($scalefactor, 1);
94
+ // line-height: 150%;
75
95
  margin-top: 40px;
76
96
  margin-bottom: 20px;
77
97
  }
78
98
 
79
99
  h4 {
80
- font-size: 26px;
100
+ font-size: $ptsize * pow($scalefactor, 1);
81
101
  line-height: 140%;
82
102
  }
83
103
  h5 {
84
- font-size: 18px;
104
+ font-size: $ptsize * pow($scalefactor, 1);
85
105
  letter-spacing: 1px;
86
106
  text-transform: uppercase;
87
- line-height: 140%;
107
+ // line-height: 140%;
88
108
  }
89
109
  h6 {
90
- font-size: 14px;
110
+ font-size: $ptsize;
91
111
  letter-spacing: 2px;
92
112
  text-transform: uppercase;
93
- line-height: 140%;
113
+ // line-height: 140%;
94
114
  }
95
115
 
96
116
  p {
97
- color: #353535;
98
- font-size: 20px;
117
+ color: rgb(68, 68, 68);
118
+ font-size: $ptsize;
99
119
  font-weight: 400;
100
- line-height: 170%;
120
+ line-height: 1.6;
101
121
  margin-top: 40px;
102
122
  margin-bottom: 40px;
103
123
  }
@@ -130,7 +150,7 @@ iframe {
130
150
  background-color: white;
131
151
  margin: 2em auto 2em auto;
132
152
  padding: 0 2em 0 2em;
133
- max-width: 800px;
153
+ max-width: 760px;
134
154
  @include sm {
135
155
  margin: 2em auto 2em auto;
136
156
  padding: 0 2em 0 2em;
@@ -144,7 +164,7 @@ nav {
144
164
  margin-top: 40px;
145
165
  margin-bottom: 40px;
146
166
  font-family: $display-font;
147
- font-size: 20px;
167
+ font-size: $ptsize;
148
168
 
149
169
  a {
150
170
  color: black;
@@ -160,9 +180,9 @@ nav {
160
180
  }
161
181
  a.active {
162
182
  text-decoration: none;
163
- color: $orange;
183
+ color: $green;
164
184
  padding-bottom: 0.3em;
165
- border-bottom: 1px solid $orange;
185
+ border-bottom: 1px solid $green;
166
186
  }
167
187
  }
168
188
 
@@ -184,7 +204,7 @@ nav {
184
204
 
185
205
  table {
186
206
  text-align: left;
187
- font-size: 20px;
207
+ font-size: $ptsize;
188
208
 
189
209
  caption {
190
210
  text-align: left;
@@ -197,14 +217,16 @@ li {
197
217
  }
198
218
 
199
219
  blockquote {
200
- font-family: $display-font;
220
+ font-family: $body-font;
201
221
  color: black;
202
- font-size: 20px;
203
- line-height: 180%;
222
+ font-size: $ptsize * pow($scalefactor, 1);
223
+ // font-style: italic;
224
+ line-height: 140%;
204
225
  margin-top: 40px;
205
226
  margin-bottom: 40px;
206
227
  p {
207
228
  color: inherit;
229
+ font-style: italic;
208
230
  }
209
231
  }
210
232
 
@@ -219,7 +241,7 @@ kbd {
219
241
  }
220
242
 
221
243
  pre {
222
- font-size: 20px;
244
+ font-size: $ptsize;
223
245
  }
224
246
 
225
247
  cite {
@@ -236,7 +258,7 @@ hr {
236
258
 
237
259
  footer {
238
260
  margin-top: 80px;
239
- font-size: 16px;
261
+ font-size: $ptsize/1.2;
240
262
  margin-bottom: 160px;
241
263
  color: grey;
242
264
 
@@ -247,10 +269,14 @@ footer {
247
269
  }
248
270
 
249
271
  figcaption {
272
+ font-family: $display-font;
273
+ margin-top: 10px;
250
274
  color: grey;
275
+ text-align: center;
251
276
  }
252
277
 
253
278
  .meta {
279
+ font-family: $body-font;
254
280
  margin-top: -20px;
255
281
  margin-bottom: 40px;
256
282
  p {
@@ -263,11 +289,16 @@ figcaption {
263
289
  }
264
290
 
265
291
  .kicker {
266
- font-family: $body-font;
292
+ font-family: $display-font;
267
293
  color: grey;
268
294
  margin-top: 80px;
269
- margin-bottom: -60px;
295
+ margin-bottom: -70px;
270
296
  text-transform: none;
271
297
  letter-spacing: 0;
272
298
  font-weight: 400;
299
+ text-transform: uppercase;
300
+ }
301
+
302
+ strong, b {
303
+ color: black;
273
304
  }
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.2
4
+ version: 0.1.7
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