garth-jekyll-theme 0.3.0 → 0.4.0
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/LICENSE +21 -0
- data/README.md +50 -0
- data/_includes/post-list.html +34 -0
- data/_includes/post-meta.html +3 -0
- data/_includes/post-pagination.html +17 -0
- data/_includes/site-footer.html +7 -0
- data/_includes/site-header.html +6 -0
- data/_includes/site-logo.html +3 -0
- data/_includes/site-nav.html +16 -0
- data/_layouts/default.html +21 -0
- data/_layouts/home.html +26 -0
- data/_layouts/page.html +19 -0
- data/_layouts/post.html +19 -0
- data/_sass/_colors.scss +9 -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/styles.scss +171 -0
- metadata +61 -9
@@ -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: '"Alegreya Sans", sans-serif',
|
60
|
+
regular: 400,
|
61
|
+
bold: 700,
|
62
|
+
italic: italic,
|
63
|
+
cap-height: 0.66
|
64
|
+
) !default;
|
65
|
+
|
66
|
+
$headingtype: (
|
67
|
+
font-family: '"Neuton", 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%);
|