space-jekyll-theme 0.1.7 → 0.1.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (3) hide show
  1. checksums.yaml +4 -4
  2. data/_sass/main.scss +77 -92
  3. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 958f11fafd900584a75a2afd861638b8f9dcc14bf0070b617b27302dff859e1d
4
- data.tar.gz: d439f6e977efc95fb913155e958970558c9f3f0f7100bff29529b57eb0d456c5
3
+ metadata.gz: adc93e2052b014a89005268eac2e37708926c9b7eb09c41e9754a52c7c1e40c1
4
+ data.tar.gz: 7703b87fdc1dbc2127b4ae2b66bbba4877e3c3270923c9aa83a1ee0d1c4ff6e2
5
5
  SHA512:
6
- metadata.gz: 6435a2e183109b1597c56d7beefdd54389b0d06772ca79647bfc2efb24a5ce3c9a9215565cf156156acc3be5f575d1b696eb2460aa15791d8670e10a539a7970
7
- data.tar.gz: 3272a1ab816ce5721152c2d6659d1533f1a43963970d157be7c72c676e0aa2b6137029b0a0755c4bff32dbd5a95bc525181955fe3cb313ee7e376546ae7158f7
6
+ metadata.gz: 7ff2d394a83dfbb2b235a225903825e5c74cb8fb37ee10446e033e2135e1ada39fd1b55b67c758509367587bbb4f8e120be030784ef46919d62b8c0496957f6d
7
+ data.tar.gz: d2ae11ca07e9e1783819ded0e808a80a24436db0d0010d75f652814ca64eda7c9bf8ecb35fb2be58c5cf92745b9a2c6a8029fa59c8f5029e66e1451d50c85b59
@@ -1,31 +1,56 @@
1
1
  @import "_breakpoints";
2
2
  @import "_mixins";
3
+ @import "_maths";
4
+ @import "_colors";
3
5
 
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
- }
6
+ $font: "Space Grotesk";
7
+ $mono-font: "Space Mono";
8
+ $scalefactor: 1.414;
24
9
 
25
10
  * {
26
11
  box-sizing: border-box;
27
12
  text-rendering: optimizeLegibility;
28
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;
29
54
  }
30
55
 
31
56
  .logo {
@@ -37,34 +62,33 @@ h2,
37
62
  h3,
38
63
  h4,
39
64
  h5,
40
- h6, blockquote {
41
- font-family: $display-font;
65
+ h6,
66
+ blockquote {
67
+ font-family: $font;
42
68
  // line-height: 1.5em;
43
69
  }
44
70
 
45
71
  a {
46
72
  text-decoration: none;
47
- color: $green;
48
- padding-bottom: 0.005em;
73
+ color: $emerald;
74
+ padding-bottom: 0.001em;
49
75
  border-bottom: 1px solid lightgray;
50
76
  }
51
77
 
52
78
  a:hover {
53
- color: $dark-green;
54
- border-bottom: 1px solid $dark-green;
79
+ color: darken($emerald, 20%);
80
+ border-bottom: 1px solid darken($emerald, 20%);
55
81
  }
56
82
 
57
83
  h1 {
58
- font-size: $ptsize * pow($scalefactor, 3);
59
- line-height: 1.5;
84
+ font-size: 1em * pow($scalefactor, 3);
85
+ line-height: 1.4;
60
86
  margin-top: 80px;
61
87
  margin-bottom: 40px;
62
- // font-weight: 700;
63
- font-family: $body-font;
88
+ font-family: $font;
64
89
  }
65
90
 
66
91
  h1.title {
67
-
68
92
  a {
69
93
  border: none;
70
94
  color: black;
@@ -72,54 +96,37 @@ h1.title {
72
96
  }
73
97
 
74
98
  h2 {
75
-
76
- color: $green;
77
- font-size: $ptsize * pow($scalefactor, 2);
78
- // line-height: 160%;
99
+ color: $emerald;
100
+ font-size: 1em * pow($scalefactor, 2);
79
101
  margin-top: 60px;
80
102
  margin-bottom: 40px;
81
103
  }
82
104
 
83
105
  h2.subtitle {
84
- // font-weight: 200;
85
- // font-style: italic;
86
- font-size: $ptsize * pow($scalefactor, 2);
87
- // font-family: $body-font;
106
+ font-size: 1em * pow($scalefactor, 2);
88
107
  margin-top: -30px;
89
108
  font-weight: 300;
90
109
  }
91
110
 
92
111
  h3 {
93
- font-size: $ptsize * pow($scalefactor, 1);
94
- // line-height: 150%;
112
+ font-size: 1em * pow($scalefactor, 1);
95
113
  margin-top: 40px;
96
114
  margin-bottom: 20px;
97
115
  }
98
116
 
99
117
  h4 {
100
- font-size: $ptsize * pow($scalefactor, 1);
118
+ font-size: 1em * pow($scalefactor, 1);
101
119
  line-height: 140%;
102
120
  }
103
121
  h5 {
104
- font-size: $ptsize * pow($scalefactor, 1);
122
+ font-size: 1em * pow($scalefactor, 1);
105
123
  letter-spacing: 1px;
106
124
  text-transform: uppercase;
107
- // line-height: 140%;
108
125
  }
109
126
  h6 {
110
- font-size: $ptsize;
127
+ font-size: 1em;
111
128
  letter-spacing: 2px;
112
129
  text-transform: uppercase;
113
- // line-height: 140%;
114
- }
115
-
116
- p {
117
- color: rgb(68, 68, 68);
118
- font-size: $ptsize;
119
- font-weight: 400;
120
- line-height: 1.6;
121
- margin-top: 40px;
122
- margin-bottom: 40px;
123
130
  }
124
131
 
125
132
  ul,
@@ -128,12 +135,6 @@ dl {
128
135
  line-height: 200%;
129
136
  font-size: 20px;
130
137
  }
131
- body {
132
- font-family: $body-font;
133
- margin: 0;
134
- width: 100%;
135
- background-color: white;
136
- }
137
138
 
138
139
  img,
139
140
  audio,
@@ -146,25 +147,10 @@ figure {
146
147
  iframe {
147
148
  width: 100%;
148
149
  }
149
- .container {
150
- background-color: white;
151
- margin: 2em auto 2em auto;
152
- padding: 0 2em 0 2em;
153
- max-width: 760px;
154
- @include sm {
155
- margin: 2em auto 2em auto;
156
- padding: 0 2em 0 2em;
157
- }
158
- @include xl {
159
- margin: 8em auto 8em auto;
160
- }
161
- }
162
150
 
163
151
  nav {
164
152
  margin-top: 40px;
165
153
  margin-bottom: 40px;
166
- font-family: $display-font;
167
- font-size: $ptsize;
168
154
 
169
155
  a {
170
156
  color: black;
@@ -174,15 +160,15 @@ nav {
174
160
  border-bottom: none;
175
161
  padding-bottom: 0.3em;
176
162
  }
177
- a: hover {
163
+ a:hover {
178
164
  text-decoration: none !important;
179
165
  padding-bottom: 0.3em;
180
166
  }
181
167
  a.active {
182
168
  text-decoration: none;
183
- color: $green;
169
+ color: $emerald;
184
170
  padding-bottom: 0.3em;
185
- border-bottom: 1px solid $green;
171
+ border-bottom: 1px solid $emerald;
186
172
  }
187
173
  }
188
174
 
@@ -204,7 +190,7 @@ nav {
204
190
 
205
191
  table {
206
192
  text-align: left;
207
- font-size: $ptsize;
193
+ font-size: 1em;
208
194
 
209
195
  caption {
210
196
  text-align: left;
@@ -217,9 +203,9 @@ li {
217
203
  }
218
204
 
219
205
  blockquote {
220
- font-family: $body-font;
206
+ font-family: $font;
221
207
  color: black;
222
- font-size: $ptsize * pow($scalefactor, 1);
208
+ font-size: 1em * pow($scalefactor, 1);
223
209
  // font-style: italic;
224
210
  line-height: 140%;
225
211
  margin-top: 40px;
@@ -241,11 +227,11 @@ kbd {
241
227
  }
242
228
 
243
229
  pre {
244
- font-size: $ptsize;
230
+ font-size: 1em;
245
231
  }
246
232
 
247
233
  cite {
248
- font-family: $body-font;
234
+ font-family: $font;
249
235
  font-style: normal;
250
236
  }
251
237
 
@@ -255,10 +241,8 @@ hr {
255
241
  background-color: lightgray;
256
242
  }
257
243
 
258
-
259
244
  footer {
260
245
  margin-top: 80px;
261
- font-size: $ptsize/1.2;
262
246
  margin-bottom: 160px;
263
247
  color: grey;
264
248
 
@@ -269,14 +253,13 @@ footer {
269
253
  }
270
254
 
271
255
  figcaption {
272
- font-family: $display-font;
256
+ font-family: $font;
273
257
  margin-top: 10px;
274
258
  color: grey;
275
259
  text-align: center;
276
260
  }
277
261
 
278
262
  .meta {
279
- font-family: $body-font;
280
263
  margin-top: -20px;
281
264
  margin-bottom: 40px;
282
265
  p {
@@ -289,16 +272,18 @@ figcaption {
289
272
  }
290
273
 
291
274
  .kicker {
292
- font-family: $display-font;
275
+
293
276
  color: grey;
294
277
  margin-top: 80px;
295
278
  margin-bottom: -70px;
296
279
  text-transform: none;
297
- letter-spacing: 0;
280
+ letter-spacing: 2;
298
281
  font-weight: 400;
299
282
  text-transform: uppercase;
300
283
  }
301
284
 
302
- strong, b {
285
+ strong,
286
+ b {
287
+ font-weight: 700;
303
288
  color: black;
304
- }
289
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: space-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.7
4
+ version: 0.1.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - '0xf17'