space-jekyll-theme 0.1.4 → 0.1.9

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: 6a514fb49854f91ca33d132c60981232fefc1ea9bc8fda69e1f0b74223b1e134
4
- data.tar.gz: d976b7d1d3ce79c3f758cb57f7f219197641ccd0a228d5de693163369a3ea9c8
3
+ metadata.gz: ab42c9dacefbc8e406f47dcf8b001eb55b9e02c37c0bc5e97670f8fb033da9fc
4
+ data.tar.gz: 9a87c72c78ca775cdff27783bd823cdbfb755d2d969e41bbd844cb20b490c247
5
5
  SHA512:
6
- metadata.gz: ab39b02cfb07d82086aa24083a8b97193b276572596b085c36e1182dd92f29827b6576027ce33cf092fb06cf115b65c59dd4a3dbc2f3e85c004f3d8ea62c5ecf
7
- data.tar.gz: e7d38224ab0379fbdb2798fcfd9aa76874961aca94fdeae4a30c3f8f49a16429a4c4abb68cc650d7bbbb211de16feab973c0307af3332343ab383a052429bed2
6
+ metadata.gz: b66ff61b8a6502568258dda6fbbcaf34fc11aee4253801f9c8cce0bf01d175ed92484729f06c16decd56cdb190a41e7b15ac911d0aa322427decff07d0284153
7
+ data.tar.gz: aeec1aeb3b1d2e8353306bb3690c1daf1868963bab15d1b35ba2a66237f33c44bdcb65688a495f4c9729cb530b1b55e8664a60c19c64485ab33afc1390b7732c
@@ -1,11 +1,11 @@
1
1
  {% for post in site.posts %}
2
2
  <div class="post">
3
- <h6 class="kicker">Filed under {{ post.kicker }} ▪︎ {{ post.date | date: "%m.%d.%Y" }} </h6>
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
- <p class="kicker">Filed under {{ page.kicker }} ▪︎ {{ page.date | date: "%m.%d.%Y" }} </p>
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,30 +1,57 @@
1
1
  @import "_breakpoints";
2
2
  @import "_mixins";
3
+ @import "helper";
4
+ @import "colors";
3
5
 
4
- $display-font : "Public Sans";
5
- $body-font : "Gelasio";
6
- $mono-font : "Inconsolata";
7
- $orange : #fd5200;
8
- $rust : #af3800;
9
-
10
- $ptsize : 25px;
11
- $scalefactor : 1.333;
12
- @function pow($number, $exponent) {
13
- $value: 1;
14
-
15
- @if $exponent > 0 {
16
- @for $i from 1 through $exponent {
17
- $value: $value * $number;
18
- }
19
- }
20
-
21
- @return $value;
22
- }
6
+ $font: "Space Grotesk";
7
+ $mono-font: "Space Mono";
8
+ $scalefactor: 1.414;
23
9
 
24
10
  * {
25
11
  box-sizing: border-box;
26
12
  text-rendering: optimizeLegibility;
27
- font-kerning: normal;
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,
49
+ nav {
50
+ font-size: 1em;
51
+ line-height: 1.6;
52
+ color: $black-coffee;
53
+ margin-top: 40px;
54
+ margin-bottom: 40px;
28
55
  }
29
56
 
30
57
  .logo {
@@ -36,33 +63,33 @@ h2,
36
63
  h3,
37
64
  h4,
38
65
  h5,
39
- h6, blockquote {
40
- font-family: $display-font;
41
- // font-weight: normal;
66
+ h6,
67
+ blockquote {
68
+ font-family: $font;
69
+ // line-height: 1.5em;
42
70
  }
43
71
 
44
72
  a {
45
73
  text-decoration: none;
46
- color: $orange;
47
- padding-bottom: 0.005em;
74
+ color: $emerald;
75
+ padding-bottom: 0.001em;
48
76
  border-bottom: 1px solid lightgray;
49
77
  }
50
78
 
51
79
  a:hover {
52
- color: $rust;
53
- border-bottom: 1px solid $rust;
80
+ color: darken($emerald, 20%);
81
+ border-bottom: 1px solid darken($emerald, 20%);
54
82
  }
55
83
 
56
84
  h1 {
57
- font-size: $ptsize * pow($scalefactor, 3);
58
- line-height: 120%;
85
+ font-size: 1em * pow($scalefactor, 3);
86
+ line-height: 1.4;
59
87
  margin-top: 80px;
60
88
  margin-bottom: 40px;
61
- font-weight: 700;
89
+ font-family: $font;
62
90
  }
63
91
 
64
92
  h1.title {
65
-
66
93
  a {
67
94
  border: none;
68
95
  color: black;
@@ -70,52 +97,37 @@ h1.title {
70
97
  }
71
98
 
72
99
  h2 {
73
- color: $orange;
74
- font-size: $ptsize * pow($scalefactor, 2);
75
- line-height: 160%;
100
+ color: $emerald;
101
+ font-size: 1em * pow($scalefactor, 2);
76
102
  margin-top: 60px;
77
103
  margin-bottom: 40px;
78
104
  }
79
105
 
80
106
  h2.subtitle {
81
- font-weight: 200;
82
- font-style: italic;
83
- font-size: $ptsize * pow($scalefactor, 2);
84
- font-family: $body-font;
107
+ font-size: 1em * pow($scalefactor, 2);
85
108
  margin-top: -30px;
109
+ font-weight: 300;
86
110
  }
87
111
 
88
112
  h3 {
89
- font-size: $ptsize * pow($scalefactor, 1);
90
- line-height: 150%;
113
+ font-size: 1em * pow($scalefactor, 1);
91
114
  margin-top: 40px;
92
115
  margin-bottom: 20px;
93
116
  }
94
117
 
95
118
  h4 {
96
- font-size: $ptsize * pow($scalefactor, 1);
119
+ font-size: 1em * pow($scalefactor, 1);
97
120
  line-height: 140%;
98
121
  }
99
122
  h5 {
100
- font-size: $ptsize * pow($scalefactor, 1);
123
+ font-size: 1em * pow($scalefactor, 1);
101
124
  letter-spacing: 1px;
102
125
  text-transform: uppercase;
103
- line-height: 140%;
104
126
  }
105
127
  h6 {
106
- font-size: $ptsize;
128
+ font-size: 1em;
107
129
  letter-spacing: 2px;
108
130
  text-transform: uppercase;
109
- line-height: 140%;
110
- }
111
-
112
- p {
113
- color: black;
114
- font-size: $ptsize;
115
- font-weight: 400;
116
- line-height: 145%;
117
- margin-top: 40px;
118
- margin-bottom: 40px;
119
131
  }
120
132
 
121
133
  ul,
@@ -124,12 +136,6 @@ dl {
124
136
  line-height: 200%;
125
137
  font-size: 20px;
126
138
  }
127
- body {
128
- font-family: $body-font;
129
- margin: 0;
130
- width: 100%;
131
- background-color: white;
132
- }
133
139
 
134
140
  img,
135
141
  audio,
@@ -142,25 +148,10 @@ figure {
142
148
  iframe {
143
149
  width: 100%;
144
150
  }
145
- .container {
146
- background-color: white;
147
- margin: 2em auto 2em auto;
148
- padding: 0 2em 0 2em;
149
- max-width: 760px;
150
- @include sm {
151
- margin: 2em auto 2em auto;
152
- padding: 0 2em 0 2em;
153
- }
154
- @include xl {
155
- margin: 8em auto 8em auto;
156
- }
157
- }
158
151
 
159
152
  nav {
160
153
  margin-top: 40px;
161
154
  margin-bottom: 40px;
162
- font-family: $display-font;
163
- font-size: $ptsize;
164
155
 
165
156
  a {
166
157
  color: black;
@@ -170,15 +161,15 @@ nav {
170
161
  border-bottom: none;
171
162
  padding-bottom: 0.3em;
172
163
  }
173
- a: hover {
164
+ a:hover {
174
165
  text-decoration: none !important;
175
166
  padding-bottom: 0.3em;
176
167
  }
177
168
  a.active {
178
169
  text-decoration: none;
179
- color: $orange;
170
+ color: $emerald;
180
171
  padding-bottom: 0.3em;
181
- border-bottom: 1px solid $orange;
172
+ border-bottom: 1px solid $emerald;
182
173
  }
183
174
  }
184
175
 
@@ -200,7 +191,7 @@ nav {
200
191
 
201
192
  table {
202
193
  text-align: left;
203
- font-size: $ptsize;
194
+ font-size: 1em;
204
195
 
205
196
  caption {
206
197
  text-align: left;
@@ -213,9 +204,9 @@ li {
213
204
  }
214
205
 
215
206
  blockquote {
216
- font-family: $body-font;
207
+ font-family: $font;
217
208
  color: black;
218
- font-size: $ptsize * pow($scalefactor, 1);
209
+ font-size: 1em * pow($scalefactor, 1);
219
210
  // font-style: italic;
220
211
  line-height: 140%;
221
212
  margin-top: 40px;
@@ -237,11 +228,11 @@ kbd {
237
228
  }
238
229
 
239
230
  pre {
240
- font-size: $ptsize;
231
+ font-size: 1em;
241
232
  }
242
233
 
243
234
  cite {
244
- font-family: $body-font;
235
+ font-family: $font;
245
236
  font-style: normal;
246
237
  }
247
238
 
@@ -251,10 +242,8 @@ hr {
251
242
  background-color: lightgray;
252
243
  }
253
244
 
254
-
255
245
  footer {
256
246
  margin-top: 80px;
257
- font-size: $ptsize/1.2;
258
247
  margin-bottom: 160px;
259
248
  color: grey;
260
249
 
@@ -265,14 +254,13 @@ footer {
265
254
  }
266
255
 
267
256
  figcaption {
268
- font-family: $display-font;
257
+ font-family: $font;
269
258
  margin-top: 10px;
270
259
  color: grey;
271
260
  text-align: center;
272
261
  }
273
262
 
274
263
  .meta {
275
- font-family: $display-font;
276
264
  margin-top: -20px;
277
265
  margin-bottom: 40px;
278
266
  p {
@@ -285,15 +273,17 @@ figcaption {
285
273
  }
286
274
 
287
275
  .kicker {
288
- font-family: $display-font;
289
276
  color: grey;
290
277
  margin-top: 80px;
291
- margin-bottom: -60px;
278
+ margin-bottom: -70px;
292
279
  text-transform: none;
293
- letter-spacing: 0;
280
+ letter-spacing: 2;
294
281
  font-weight: 400;
282
+ text-transform: uppercase;
295
283
  }
296
284
 
297
- strong, b {
285
+ strong,
286
+ b {
287
+ font-weight: 700;
298
288
  color: black;
299
- }
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
4
+ version: 0.1.9
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