space-jekyll-theme 0.1.7 → 0.1.8
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 +4 -4
- data/_sass/main.scss +77 -92
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: adc93e2052b014a89005268eac2e37708926c9b7eb09c41e9754a52c7c1e40c1
|
|
4
|
+
data.tar.gz: 7703b87fdc1dbc2127b4ae2b66bbba4877e3c3270923c9aa83a1ee0d1c4ff6e2
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 7ff2d394a83dfbb2b235a225903825e5c74cb8fb37ee10446e033e2135e1ada39fd1b55b67c758509367587bbb4f8e120be030784ef46919d62b8c0496957f6d
|
|
7
|
+
data.tar.gz: d2ae11ca07e9e1783819ded0e808a80a24436db0d0010d75f652814ca64eda7c9bf8ecb35fb2be58c5cf92745b9a2c6a8029fa59c8f5029e66e1451d50c85b59
|
data/_sass/main.scss
CHANGED
|
@@ -1,31 +1,56 @@
|
|
|
1
1
|
@import "_breakpoints";
|
|
2
2
|
@import "_mixins";
|
|
3
|
+
@import "_maths";
|
|
4
|
+
@import "_colors";
|
|
3
5
|
|
|
4
|
-
$
|
|
5
|
-
$
|
|
6
|
-
$
|
|
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,
|
|
41
|
-
|
|
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: $
|
|
48
|
-
padding-bottom: 0.
|
|
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: $
|
|
54
|
-
border-bottom: 1px solid $
|
|
79
|
+
color: darken($emerald, 20%);
|
|
80
|
+
border-bottom: 1px solid darken($emerald, 20%);
|
|
55
81
|
}
|
|
56
82
|
|
|
57
83
|
h1 {
|
|
58
|
-
font-size:
|
|
59
|
-
line-height: 1.
|
|
84
|
+
font-size: 1em * pow($scalefactor, 3);
|
|
85
|
+
line-height: 1.4;
|
|
60
86
|
margin-top: 80px;
|
|
61
87
|
margin-bottom: 40px;
|
|
62
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
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:
|
|
118
|
+
font-size: 1em * pow($scalefactor, 1);
|
|
101
119
|
line-height: 140%;
|
|
102
120
|
}
|
|
103
121
|
h5 {
|
|
104
|
-
font-size:
|
|
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:
|
|
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:
|
|
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: $
|
|
169
|
+
color: $emerald;
|
|
184
170
|
padding-bottom: 0.3em;
|
|
185
|
-
border-bottom: 1px solid $
|
|
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:
|
|
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: $
|
|
206
|
+
font-family: $font;
|
|
221
207
|
color: black;
|
|
222
|
-
font-size:
|
|
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:
|
|
230
|
+
font-size: 1em;
|
|
245
231
|
}
|
|
246
232
|
|
|
247
233
|
cite {
|
|
248
|
-
font-family: $
|
|
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: $
|
|
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
|
-
|
|
275
|
+
|
|
293
276
|
color: grey;
|
|
294
277
|
margin-top: 80px;
|
|
295
278
|
margin-bottom: -70px;
|
|
296
279
|
text-transform: none;
|
|
297
|
-
letter-spacing:
|
|
280
|
+
letter-spacing: 2;
|
|
298
281
|
font-weight: 400;
|
|
299
282
|
text-transform: uppercase;
|
|
300
283
|
}
|
|
301
284
|
|
|
302
|
-
strong,
|
|
285
|
+
strong,
|
|
286
|
+
b {
|
|
287
|
+
font-weight: 700;
|
|
303
288
|
color: black;
|
|
304
|
-
}
|
|
289
|
+
}
|