alembic-jekyll-theme 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE +21 -0
- data/README.md +141 -0
- data/_includes/button.html +1 -0
- data/_includes/figure.html +4 -0
- data/_includes/icon.html +4 -0
- data/_includes/map.html +3 -0
- data/_includes/nav-default.html +11 -0
- data/_includes/nav-footer.html +13 -0
- data/_includes/nav-header.html +13 -0
- data/_includes/nav-social.html +8 -0
- data/_includes/post-comments.html +17 -0
- data/_includes/post-list.html +34 -0
- data/_includes/post-meta.html +3 -0
- data/_includes/post-pagination.html +17 -0
- data/_includes/post-related.html +14 -0
- data/_includes/post-share-buttons.html +12 -0
- data/_includes/site-aside.html +22 -0
- data/_includes/site-favicons.html +4 -0
- data/_includes/site-feature.html +17 -0
- data/_includes/site-footer.html +9 -0
- data/_includes/site-form.html +27 -0
- data/_includes/site-header.html +12 -0
- data/_includes/site-icons.svg +22 -0
- data/_includes/video.html +3 -0
- data/_layouts/blog.html +28 -0
- data/_layouts/default.html +30 -0
- data/_layouts/page-aside-left.html +21 -0
- data/_layouts/page-full.html +19 -0
- data/_layouts/page.html +21 -0
- data/_layouts/post.html +25 -0
- data/_sass/_flex.scss +394 -0
- data/_sass/_normalize.scss +419 -0
- data/_sass/_sassline-base.scss +7 -0
- data/_sass/_syntax.scss +61 -0
- data/_sass/sassline-base/_layouts.scss +282 -0
- data/_sass/sassline-base/_mixins.scss +420 -0
- data/_sass/sassline-base/_modular-scale.scss +66 -0
- data/_sass/sassline-base/_reset.scss +13 -0
- data/_sass/sassline-base/_typography.scss +363 -0
- data/_sass/sassline-base/_variables.scss +108 -0
- data/assets/placeholder-logo.png +0 -0
- data/assets/placeholder-social.png +0 -0
- data/assets/styles.scss +396 -0
- metadata +200 -0
@@ -0,0 +1,66 @@
|
|
1
|
+
// Modular scale
|
2
|
+
// ---------------------------------------
|
3
|
+
|
4
|
+
// Setting responsive modular-scales. Use appropriate scales for viewport sizes.
|
5
|
+
$modular-scale: (
|
6
|
+
// Major Third http://www.modularscale.com/?16,28&px&1.25&web&text
|
7
|
+
scale-0: (
|
8
|
+
alpha: 28.0,
|
9
|
+
beta: 25.0,
|
10
|
+
gamma: 22.4,
|
11
|
+
delta: 20.0,
|
12
|
+
epsilon: 17.9,
|
13
|
+
zeta: 16.0,
|
14
|
+
eta: 14.3,
|
15
|
+
theta: 12.8,
|
16
|
+
iota: 11.5
|
17
|
+
),
|
18
|
+
// Major Third http://www.modularscale.com/?17,30&px&1.25&web&text
|
19
|
+
scale-1: (
|
20
|
+
alpha: 30.0,
|
21
|
+
beta: 26.6,
|
22
|
+
gamma: 24.0,
|
23
|
+
delta: 21.3,
|
24
|
+
epsilon: 19.2,
|
25
|
+
zeta: 17.0,
|
26
|
+
eta: 15.3,
|
27
|
+
theta: 13.6,
|
28
|
+
iota: 12.8
|
29
|
+
),
|
30
|
+
// Major Third http://www.modularscale.com/?18,32&px&1.25&web&text
|
31
|
+
scale-2: (
|
32
|
+
alpha: 32.0,
|
33
|
+
beta: 28.1,
|
34
|
+
gamma: 25.6,
|
35
|
+
delta: 22.5,
|
36
|
+
epsilon: 20.5,
|
37
|
+
zeta: 18.0,
|
38
|
+
eta: 16.3,
|
39
|
+
theta: 14.4,
|
40
|
+
iota: 13.1
|
41
|
+
),
|
42
|
+
// Perfect Fourth http://www.modularscale.com/?20,40&px&1.333&web&text
|
43
|
+
scale-3: (
|
44
|
+
alpha: 40.0,
|
45
|
+
beta: 35.5,
|
46
|
+
gamma: 30.0,
|
47
|
+
delta: 26.7,
|
48
|
+
epsilon: 22.5,
|
49
|
+
zeta: 20.0,
|
50
|
+
eta: 16.9,
|
51
|
+
theta: 15.0,
|
52
|
+
iota: 12.7
|
53
|
+
),
|
54
|
+
// Aug. Fourth http://www.modularscale.com/?22,50&px&1.414&web&text
|
55
|
+
scale-4: (
|
56
|
+
alpha: 50.0,
|
57
|
+
beta: 43.9,
|
58
|
+
gamma: 35.3,
|
59
|
+
delta: 31.1,
|
60
|
+
epsilon: 25.0,
|
61
|
+
zeta: 22.0,
|
62
|
+
eta: 17.6,
|
63
|
+
theta: 15.6,
|
64
|
+
iota: 12.5
|
65
|
+
)
|
66
|
+
);
|
@@ -0,0 +1,13 @@
|
|
1
|
+
// Reset
|
2
|
+
// ---------------------------------------
|
3
|
+
|
4
|
+
// Reset all the things
|
5
|
+
* { box-sizing: border-box; }
|
6
|
+
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
|
7
|
+
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
|
8
|
+
html, body { height: 100%; }
|
9
|
+
a img { border: none; }
|
10
|
+
blockquote { quotes: none; }
|
11
|
+
blockquote:before, blockquote:after { content: ''; content: none; }
|
12
|
+
table { border-collapse: collapse; border-spacing: 0; }
|
13
|
+
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
|
@@ -0,0 +1,363 @@
|
|
1
|
+
// Typography
|
2
|
+
// ---------------------------------------
|
3
|
+
|
4
|
+
// Setting root sizes and base styles.
|
5
|
+
html {
|
6
|
+
@include rootsize;
|
7
|
+
|
8
|
+
-webkit-text-size-adjust: 100%;
|
9
|
+
-ms-text-size-adjust: 100%;
|
10
|
+
}
|
11
|
+
|
12
|
+
// Site-wide base styles.
|
13
|
+
body {
|
14
|
+
@include fontsize(zeta, all);
|
15
|
+
|
16
|
+
font-family: unquote(map-get($bodytype, font-family));
|
17
|
+
font-style: normal;
|
18
|
+
font-weight: map-get($bodytype, regular);
|
19
|
+
line-height: 2rem;
|
20
|
+
}
|
21
|
+
|
22
|
+
// Links.
|
23
|
+
a {
|
24
|
+
color: $linkColour;
|
25
|
+
text-decoration: none;
|
26
|
+
transition: color .1s, background-color .1s;
|
27
|
+
|
28
|
+
&:hover, &:active, &:focus {
|
29
|
+
color: $hoverColour;
|
30
|
+
text-decoration: none;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
// Styles for typeset text.
|
35
|
+
.typeset {
|
36
|
+
|
37
|
+
// Nice underlines for text links.
|
38
|
+
p a, li a {
|
39
|
+
background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 50%,lighten($linkColour,20%) 50%);
|
40
|
+
background-position: 0 93%;
|
41
|
+
background-repeat: repeat-x;
|
42
|
+
background-size: 100% 0.15rem;
|
43
|
+
text-shadow: 0.1rem 0 $backgroundColour,
|
44
|
+
0.15rem 0 $backgroundColour,
|
45
|
+
-0.1rem 0 $backgroundColour,
|
46
|
+
-0.15rem 0 $backgroundColour;
|
47
|
+
|
48
|
+
&:hover, &:active, &:focus {
|
49
|
+
background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 50%,lighten($hoverColour,20%) 50%);
|
50
|
+
}
|
51
|
+
}
|
52
|
+
|
53
|
+
// Paragraphs. OpenType ligatures and oldstyle figures enabled if available.
|
54
|
+
p {
|
55
|
+
@include baseline($fontsize: zeta, $font: $bodytype, $lineheight: 2, $below: 2, $breakpoint: all);
|
56
|
+
|
57
|
+
font-feature-settings: 'kern', 'onum', 'liga';
|
58
|
+
}
|
59
|
+
|
60
|
+
// Headings. OpenType ligatures, discretionary ligatures and lining figures enabled if available.
|
61
|
+
h1, h2, h3, h4, h5, h6 {
|
62
|
+
color: $headingColour;
|
63
|
+
font-family: unquote(map-get($headingtype, font-family));
|
64
|
+
font-feature-settings: 'dlig', 'liga', 'lnum', 'kern';
|
65
|
+
font-style: normal;
|
66
|
+
font-weight: map-get($headingtype, bold);
|
67
|
+
}
|
68
|
+
|
69
|
+
// Heading level 1.
|
70
|
+
h1, .alpha {
|
71
|
+
@include sassline($fontsize: alpha, $font: $headingtype, $lineheight: 3, $below: 1, $breakpoint: all);
|
72
|
+
}
|
73
|
+
|
74
|
+
// Heading level 2.
|
75
|
+
h2, .beta {
|
76
|
+
@include sassline(beta, $headingtype, 3, 1, all);
|
77
|
+
}
|
78
|
+
|
79
|
+
// Heading level 3.
|
80
|
+
h3, .gamma {
|
81
|
+
@include sassline(gamma, $headingtype, 3, 1, all);
|
82
|
+
}
|
83
|
+
|
84
|
+
// Heading level 4.
|
85
|
+
h4, .delta {
|
86
|
+
@include sassline(delta, $headingtype, 2, 0, all);
|
87
|
+
}
|
88
|
+
|
89
|
+
// Heading level 5.
|
90
|
+
h5, .epsilon {
|
91
|
+
@include sassline(epsilon, $headingtype, 2, 0, all);
|
92
|
+
}
|
93
|
+
|
94
|
+
// Heading level 6.
|
95
|
+
h6, .zeta {
|
96
|
+
@include sassline(zeta, $headingtype, 2, 0, all);
|
97
|
+
}
|
98
|
+
|
99
|
+
// Lists.
|
100
|
+
ul, ol {
|
101
|
+
@include baseline(zeta, $bodytype, 2, 2, all);
|
102
|
+
|
103
|
+
li {
|
104
|
+
font-feature-settings: 'kern', 'onum', 'liga';
|
105
|
+
margin-left: 2rem;
|
106
|
+
|
107
|
+
@include breakpoint(break-1) {
|
108
|
+
margin-left: 0;
|
109
|
+
}
|
110
|
+
|
111
|
+
ol, ul {
|
112
|
+
padding-top: 1rem;
|
113
|
+
margin-bottom: 1rem;
|
114
|
+
margin-left: 2rem;
|
115
|
+
}
|
116
|
+
}
|
117
|
+
}
|
118
|
+
|
119
|
+
// Ordered lists.
|
120
|
+
ol {
|
121
|
+
list-style-type: none;
|
122
|
+
|
123
|
+
li {
|
124
|
+
counter-increment: top-level;
|
125
|
+
|
126
|
+
&:before {
|
127
|
+
content: counter(top-level) '.';
|
128
|
+
font-feature-settings: 'lnum', 'tnum';
|
129
|
+
margin-left: -3rem;
|
130
|
+
position: absolute;
|
131
|
+
text-align: right;
|
132
|
+
width: 2em;
|
133
|
+
}
|
134
|
+
|
135
|
+
ul {
|
136
|
+
|
137
|
+
li {
|
138
|
+
|
139
|
+
&:before {
|
140
|
+
content: '';
|
141
|
+
}
|
142
|
+
|
143
|
+
ol {
|
144
|
+
|
145
|
+
li {
|
146
|
+
counter-increment: alt-level;
|
147
|
+
|
148
|
+
&:before {
|
149
|
+
content: counter(alt-level) '.';
|
150
|
+
}
|
151
|
+
}
|
152
|
+
}
|
153
|
+
}
|
154
|
+
}
|
155
|
+
|
156
|
+
ol {
|
157
|
+
|
158
|
+
li {
|
159
|
+
counter-increment: sub-level;
|
160
|
+
|
161
|
+
&:before {
|
162
|
+
content: counter(top-level) '.' counter(sub-level);
|
163
|
+
}
|
164
|
+
|
165
|
+
ul {
|
166
|
+
|
167
|
+
li {
|
168
|
+
|
169
|
+
&:before {
|
170
|
+
content: '';
|
171
|
+
}
|
172
|
+
}
|
173
|
+
}
|
174
|
+
|
175
|
+
ol {
|
176
|
+
|
177
|
+
li {
|
178
|
+
counter-increment: sub-sub-level;
|
179
|
+
|
180
|
+
&:before {
|
181
|
+
content: counter(top-level) '.' counter(sub-level) '.' counter(sub-sub-level);
|
182
|
+
}
|
183
|
+
}
|
184
|
+
}
|
185
|
+
}
|
186
|
+
}
|
187
|
+
}
|
188
|
+
}
|
189
|
+
|
190
|
+
// Definition lists.
|
191
|
+
dl {
|
192
|
+
@include baseline(zeta, $bodytype, 2, 2, all);
|
193
|
+
|
194
|
+
dt, dd {
|
195
|
+
font-feature-settings: 'kern', 'onum', 'liga';
|
196
|
+
margin-left: 2rem;
|
197
|
+
|
198
|
+
@include breakpoint(break-1) {
|
199
|
+
margin-left: 0;
|
200
|
+
}
|
201
|
+
}
|
202
|
+
|
203
|
+
dt {
|
204
|
+
font-weight: map-get($bodytype, bold);
|
205
|
+
}
|
206
|
+
|
207
|
+
dd + dt {
|
208
|
+
padding-top: 1rem;
|
209
|
+
}
|
210
|
+
}
|
211
|
+
|
212
|
+
// Tables.
|
213
|
+
table {
|
214
|
+
@include sassline(eta, $headingtype, 2, 0, all);
|
215
|
+
|
216
|
+
font-family: unquote(map-get($headingtype, font-family));
|
217
|
+
font-feature-settings: 'liga', 'lnum', 'tnum', 'kern';
|
218
|
+
font-style: normal;
|
219
|
+
font-weight: map-get($headingtype, regular);
|
220
|
+
width: 100%;
|
221
|
+
|
222
|
+
thead {
|
223
|
+
|
224
|
+
th {
|
225
|
+
@include sassline(zeta, $headingtype, 2, 0, all);
|
226
|
+
padding-bottom: 1px;
|
227
|
+
}
|
228
|
+
}
|
229
|
+
}
|
230
|
+
|
231
|
+
// Bold.
|
232
|
+
b, strong, .bold {
|
233
|
+
font-weight: map-get($bodytype, bold);
|
234
|
+
}
|
235
|
+
|
236
|
+
// Italic.
|
237
|
+
em, i, .italic {
|
238
|
+
font-style: map-get($bodytype, italic);
|
239
|
+
}
|
240
|
+
|
241
|
+
// Caption and inline small text.
|
242
|
+
small, .caption {
|
243
|
+
@include fontsize(theta, all);
|
244
|
+
|
245
|
+
font-family: unquote(map-get($headingtype, font-family));
|
246
|
+
font-style: normal;
|
247
|
+
font-weight: map-get($headingtype, regular);
|
248
|
+
}
|
249
|
+
|
250
|
+
small {
|
251
|
+
line-height: 1rem;
|
252
|
+
}
|
253
|
+
|
254
|
+
.caption {
|
255
|
+
@include baseline(theta, $headingtype, 2, 2, all);
|
256
|
+
|
257
|
+
color: $captionColour;
|
258
|
+
}
|
259
|
+
|
260
|
+
// Nice spacing for captions.
|
261
|
+
h1 + .caption, .alpha + .caption, h2 + .caption, .beta + .caption, h3 + .caption, .gamma + .caption {
|
262
|
+
margin-top: -1rem;
|
263
|
+
}
|
264
|
+
|
265
|
+
.delta + .caption, .epsilon + .caption, .zeta + .caption {
|
266
|
+
margin-top: 0rem;
|
267
|
+
}
|
268
|
+
|
269
|
+
// Quotes.
|
270
|
+
blockquote {
|
271
|
+
|
272
|
+
p {
|
273
|
+
border-left: 0.15rem solid $linkColour;
|
274
|
+
font-style: map-get($bodytype, italic);
|
275
|
+
padding-left: 1rem;
|
276
|
+
|
277
|
+
// Add spacing below blockquote paragraphs to align to baseline grid.
|
278
|
+
$get-scale: map-get($modular-scale, scale-0);
|
279
|
+
$get-size: map-get($get-scale, zeta);
|
280
|
+
$rootsize: nth($sizes, 1);
|
281
|
+
$baseline-shift: #{($get-size / 2 * ((2 * $rootsize / $get-size) - map-get($bodytype, cap-height))) / $rootsize + 0.00001};
|
282
|
+
$baseline-push: #{3 - (($get-size * ((2 * $rootsize / $get-size) - map-get($bodytype, cap-height))) / $rootsize + 0.00001)};
|
283
|
+
|
284
|
+
margin-bottom: #{$baseline-push}rem;
|
285
|
+
padding-bottom: #{$baseline-shift}rem;
|
286
|
+
|
287
|
+
@for $i from 2 through $breakpoints-limit {
|
288
|
+
$get-scale: map-get($modular-scale, scale-#{$i - 1});
|
289
|
+
$get-size: map-get($get-scale, zeta);
|
290
|
+
$rootsize: nth($sizes, $i);
|
291
|
+
$baseline-shift: #{($get-size / 2 * ((2 * $rootsize / $get-size) - map-get($bodytype, cap-height))) / $rootsize + 0.00001};
|
292
|
+
$baseline-push: #{3 - (($get-size * ((2 * $rootsize / $get-size) - map-get($bodytype, cap-height))) / $rootsize + 0.00001)};
|
293
|
+
|
294
|
+
@media screen and (min-width: nth($points, $i) / 16 * 1em ) {
|
295
|
+
margin-bottom: #{$baseline-push}rem;
|
296
|
+
padding-bottom: #{$baseline-shift}rem;
|
297
|
+
}
|
298
|
+
}
|
299
|
+
}
|
300
|
+
|
301
|
+
@include breakpoint(break-1) {
|
302
|
+
margin-left: -1rem;
|
303
|
+
}
|
304
|
+
}
|
305
|
+
|
306
|
+
// Horizontal rule.
|
307
|
+
hr {
|
308
|
+
background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 50%,$captionColour 50%);
|
309
|
+
background-position: 0 50%;
|
310
|
+
background-repeat: repeat-x;
|
311
|
+
background-size: 100% 0.15rem;
|
312
|
+
border: 0;
|
313
|
+
margin: 0;
|
314
|
+
padding-bottom: 3rem;
|
315
|
+
padding-top: 3rem;
|
316
|
+
}
|
317
|
+
|
318
|
+
// Code block.
|
319
|
+
code, pre {
|
320
|
+
background-color: $codeBackgroundColour;
|
321
|
+
font-family: unquote(map-get($monospacetype, font-family));
|
322
|
+
}
|
323
|
+
|
324
|
+
pre {
|
325
|
+
display: block;
|
326
|
+
margin-bottom: 2rem;
|
327
|
+
padding: 1rem;
|
328
|
+
white-space: pre;
|
329
|
+
white-space: pre-wrap;
|
330
|
+
word-break: break-all;
|
331
|
+
word-wrap: break-word;
|
332
|
+
}
|
333
|
+
|
334
|
+
code {
|
335
|
+
@include fontsize(theta, all);
|
336
|
+
|
337
|
+
line-height: 1rem;
|
338
|
+
}
|
339
|
+
|
340
|
+
// Letter space those capitals people, Jan Tschichold would be proud.
|
341
|
+
.upper {
|
342
|
+
font-kerning: normal;
|
343
|
+
letter-spacing: 0.1rem;
|
344
|
+
text-transform: uppercase;
|
345
|
+
}
|
346
|
+
|
347
|
+
// Real small caps.
|
348
|
+
.small-caps {
|
349
|
+
font-feature-settings: 'smcp', 'kern';
|
350
|
+
font-kerning: normal;
|
351
|
+
letter-spacing: 0.1rem;
|
352
|
+
}
|
353
|
+
|
354
|
+
// Consistent height numbers with OpenType.
|
355
|
+
.lining-numerals {
|
356
|
+
font-feature-settings: 'lnum', 'kern';
|
357
|
+
}
|
358
|
+
|
359
|
+
// Ascending and descending numbers with OpenType.
|
360
|
+
.oldstyle-numerals {
|
361
|
+
font-feature-settings: 'onum', 'kern';
|
362
|
+
}
|
363
|
+
}
|
@@ -0,0 +1,108 @@
|
|
1
|
+
// SCSS variables
|
2
|
+
// ---------------------------------------
|
3
|
+
|
4
|
+
// Note: For the following Sass maps enter values as if they would be px units.
|
5
|
+
|
6
|
+
// Breakpoint sizes from px to ems. Add more values here to add more breakpoints.
|
7
|
+
// Change names if you prefer, it wont break the mixin as long as they are strings not just numbers.
|
8
|
+
$breakpoints: (
|
9
|
+
break-0: 0, // 0px Mobile first
|
10
|
+
break-1: 640, // 640px ~ Small tablet up
|
11
|
+
break-2: 800, // 800px ~ Large tablet up
|
12
|
+
break-3: 1024, // 1024px ~ Desktop up
|
13
|
+
break-4: 1600 // 1600px ~ Large desktop up
|
14
|
+
) !default;
|
15
|
+
|
16
|
+
// Root font-sizes for each breakpoint. Set to half desired line-height of body text.
|
17
|
+
// ! Make sure to have as many sizes as breakpoints above.
|
18
|
+
$rootsizes: (
|
19
|
+
rootsize-0: 12, // 24px line-height body text
|
20
|
+
rootsize-1: 14, // 28px line-height body text
|
21
|
+
rootsize-2: 15, // 30px line-height body text
|
22
|
+
rootsize-3: 17, // 34px line-height body text
|
23
|
+
rootsize-4: 19 // 38px line-height body text
|
24
|
+
) !default;
|
25
|
+
|
26
|
+
// Set the optimum line-length for your text (based on typeface).
|
27
|
+
// Aim for 75–100 characters a line when possible, at smaller sizes type size is more important.
|
28
|
+
// ! Make sure to have as many widths as breakpoints above.
|
29
|
+
// Note: this was 'maxwidths' in previous versions.
|
30
|
+
$measures: (
|
31
|
+
measure-0: 500, // 500px wide
|
32
|
+
measure-1: 550, // 550px wide
|
33
|
+
measure-2: 600, // 600px wide
|
34
|
+
measure-3: 680, // 680px wide
|
35
|
+
measure-4: 750 // 750px wide
|
36
|
+
) !default;
|
37
|
+
|
38
|
+
// Set the max-widths for containers (based on design).
|
39
|
+
// ! Make sure to have as many widths as breakpoints above.
|
40
|
+
$maxwidths: (
|
41
|
+
width-0: 500, // 500px wide
|
42
|
+
width-1: 600, // 600px wide
|
43
|
+
width-2: 800, // 800px wide
|
44
|
+
width-3: 1100, // 110px wide
|
45
|
+
width-4: 1300 // 1300px wide
|
46
|
+
) !default;
|
47
|
+
|
48
|
+
// Gutter widths
|
49
|
+
$gutterwidths: (
|
50
|
+
small: 1rem,
|
51
|
+
medium: 2rem,
|
52
|
+
large: 4rem
|
53
|
+
) !default;
|
54
|
+
|
55
|
+
// Add typefaces here.
|
56
|
+
// Add weight and style details too.
|
57
|
+
// ! Set cap height to set to the baseline.
|
58
|
+
$bodytype: (
|
59
|
+
font-family: 'Georgia, serif',
|
60
|
+
regular: 400,
|
61
|
+
bold: 700,
|
62
|
+
italic: italic,
|
63
|
+
cap-height: 0.66
|
64
|
+
) !default;
|
65
|
+
|
66
|
+
$headingtype: (
|
67
|
+
font-family: 'Helvetica, sans-serif',
|
68
|
+
regular: 400,
|
69
|
+
bold: 700,
|
70
|
+
cap-height: 0.66
|
71
|
+
) !default;
|
72
|
+
|
73
|
+
$monospacetype: (
|
74
|
+
font-family: 'Menlo, monospace',
|
75
|
+
regular: 400,
|
76
|
+
cap-height: 0.68
|
77
|
+
) !default;
|
78
|
+
|
79
|
+
// Here are some local fonts cap-height sizes to get you started:
|
80
|
+
// Georgia: 0.66, Times / Times New Roman: 0.65, Palatino: 0.52
|
81
|
+
// Lucida Grande: 0.72, Helvetica: 0.66, Verdana: 0.76, Tahoma: 0.76
|
82
|
+
|
83
|
+
// Selection of Typekit fonts cap-height sizes:
|
84
|
+
// Proxima Nova: 0.57, Museo Slab: 0.66, JAF Facit: 0.7, Brandon Grotesque: 0.65, Clavo: 0.7, Adelle: 0.66, FF Tisa Pro: 0.82, Jubilat: 0.66, Futura PT: 0.66, Chaparral Pro: 0.5, Minion Pro: 0.66, Myriad Pro: 0.66, Adobe Caslon Pro: 0.36
|
85
|
+
|
86
|
+
// Text colours. British English.
|
87
|
+
$headingColour: #2E2E2E !default;
|
88
|
+
$bodyColour: #494949 !default;
|
89
|
+
$linkColour: #0E58F5 !default;
|
90
|
+
$hoverColour: #0B348B !default;
|
91
|
+
$captionColour: #BDC8CC !default;
|
92
|
+
$white: #FFFFFF !default;
|
93
|
+
|
94
|
+
// Background colours.
|
95
|
+
$backgroundColour: #FCFCFC !default;
|
96
|
+
$codeBackgroundColour: #F5F4F2 !default;
|
97
|
+
|
98
|
+
|
99
|
+
// Alembic reassigned variables
|
100
|
+
$headingColour: $color__site--heading;
|
101
|
+
$bodyColour: $color__site--body;
|
102
|
+
$linkColour: $color__site--link;
|
103
|
+
$hoverColour: $color__site--link--hover;
|
104
|
+
$captionColour: $color__site--captions;
|
105
|
+
$white: #fff;
|
106
|
+
|
107
|
+
$backgroundColour: $color__site--background;
|
108
|
+
$codeBackgroundColour: darken($color__site--background, 5%);
|