space-jekyll-theme 0.1.5 → 0.1.10

Sign up to get free protection for your applications and to get access to all the features.
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