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.
Files changed (4) hide show
  1. checksums.yaml +4 -4
  2. data/_config.yml +1 -1
  3. data/_sass/main.scss +119 -80
  4. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 718ebafd6d185b47f84aed32b9521289ccd925199218be28ad6fe992642c8ddd
4
- data.tar.gz: 23e6ffed1a42906e31c60c9e02397057abc457145e51ee4028e8019a89beb6f3
3
+ metadata.gz: 4258fe913283826ab50ac42269cdd9262838d11c3eddb42f8c5a0b9752270172
4
+ data.tar.gz: 1e97ed52de3153ee58273411e484b6197e5026a20ae054c15b67be865f6a3967
5
5
  SHA512:
6
- metadata.gz: 7723efe7ebc83ac71e653d477019f7a4183e9e05e03d3317eb1bea5695308a8f0caca96facda3298a911141d89a8cbf6c0fc8f5af33bdad10b1ac52f08833457
7
- data.tar.gz: 18b2923d28a0a7aef1e2ba0be53394f54f90ea430b7ecc701cc63f221a7b83dfa391ca8e2abb08b89521cded316b8ca131d37ee1643dbeb2f9b35c06608cd07a
6
+ metadata.gz: f8615f04788eb07f641fcf45ff43a436037f8593b5c0ccc387c204ce317cc39aec104ec7c5acb28420c12ea11da59c7c446d9f41c7c440e76d3727c48aa76ada
7
+ data.tar.gz: dcd8258304ac13be802bc13750095d146de7b6217ff52a4e56e08c30452cd9a1a390decf82852b7fdeb4b35462bc4f48ff7904a9218a093ac56b1e164a5ea87f
@@ -11,4 +11,4 @@ navigation:
11
11
  - name: Contact
12
12
  link: "mailto: mail@example.com"
13
13
 
14
- footer: Made by <a>0xf17</a>. Code at <a>GitHub</a>.
14
+ footer: Made by <a>0xf17</a>. Code at <a>GitHub.</a>.
@@ -1,14 +1,52 @@
1
1
  @import "_breakpoints";
2
2
  @import "_mixins";
3
3
 
4
- $display-font : "Space Grotesk";
5
- $body-font : "Space Grotesk";
6
- $mono-font : "Inconsolata";
7
- $green : #4CB963;
8
- $dark-green : #157f1f;
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, blockquote {
40
- font-family: $display-font;
41
- line-height: 1.3em;
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: $green;
47
- padding-bottom: 0.005em;
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: $dark-green;
53
- border-bottom: 1px solid $dark-green;
133
+ color: darken($emerald, 20%);
134
+ border-bottom: 1px solid darken($emerald, 20%);
54
135
  }
55
136
 
56
137
  h1 {
57
- font-size: $ptsize * pow($scalefactor, 3);
58
- line-height: 120%;
138
+ font-size: 1em * pow($scalefactor, 3);
139
+ line-height: 1.4;
59
140
  margin-top: 80px;
60
141
  margin-bottom: 40px;
61
- // font-weight: 700;
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
- color: $green;
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
- // font-weight: 200;
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: $ptsize * pow($scalefactor, 1);
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: $ptsize * pow($scalefactor, 1);
172
+ font-size: 1em * pow($scalefactor, 1);
100
173
  line-height: 140%;
101
174
  }
102
175
  h5 {
103
- font-size: $ptsize * pow($scalefactor, 1);
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: $ptsize;
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: hover {
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: $green;
223
+ color: $emerald;
183
224
  padding-bottom: 0.3em;
184
- border-bottom: 1px solid $green;
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: $ptsize;
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: $body-font;
260
+ font-family: $font;
220
261
  color: black;
221
- font-size: $ptsize * pow($scalefactor, 1);
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: $ptsize;
284
+ font-size: 1em;
244
285
  }
245
286
 
246
287
  cite {
247
- font-family: $body-font;
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: $display-font;
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: 0;
333
+ letter-spacing: 2;
297
334
  font-weight: 400;
298
335
  text-transform: uppercase;
299
336
  }
300
337
 
301
- strong, b {
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.5
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 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