jekyll-theme-type 1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,35 @@
1
+ // Mix-ins
2
+ %padding-small {
3
+ padding: $padding-x-small $padding-x-small * 2;
4
+ @media (max-width: 1000px) {
5
+ padding: $padding-x-small $padding-x-small;
6
+ }
7
+ }
8
+ %padding-regular {
9
+ padding: $padding-small $padding-large;
10
+ @media (max-width: 1000px) {
11
+ padding: $padding-small * 1.5 $padding-large / 1.6;
12
+ }
13
+ }
14
+ %link-hover {
15
+ text-decoration: underline;
16
+ color: darken($link-color, 15%);
17
+ }
18
+ // Buttons
19
+ .button {
20
+ border-radius: 0.3em;
21
+ border: 1px solid;
22
+ display: inline-block;
23
+ margin: 1em 0;
24
+ padding: 0.5em 0.75em;
25
+ }
26
+ a.button:hover {
27
+ background: $link-color;
28
+ border: 1px solid $link-color;
29
+ color: $background-color;
30
+ text-decoration: none;
31
+ }
32
+ // States
33
+ .disabled {
34
+ opacity: 0.7;
35
+ }
@@ -0,0 +1,30 @@
1
+ // Typography
2
+ $font-family-main: 'Source Sans Pro', Helvetica, Arial, sans-serif;
3
+ $font-family-headings: 'Source Sans Pro', Helvetica, Arial, sans-serif;
4
+ $font-size: 1.25em;
5
+
6
+ // Padding
7
+ $padding-large: 20%;
8
+ $padding-small: 5%;
9
+ $padding-x-small: 3%;
10
+
11
+ // Brand colours
12
+ $brand-color: #fff;
13
+ $background-color: #fff;
14
+ $border-color: rgba(0, 0, 0, 0.1); // rgba recommended if using feature images
15
+
16
+ // Typography colours
17
+ $text-color: #383838;
18
+ $link-color: #1ABC9C;
19
+ $selection-color: #D4D4D4; // visible when highlighting text
20
+
21
+ // Header colours
22
+ $header-link-color: #383838;
23
+
24
+ // Feature image for articles
25
+ $feature-image-text-color: #fff;
26
+ $feature-image-size: cover; // options include "cover", "contain", "auto"
27
+
28
+ // Header description box
29
+ $header-desc-background-color: #F98752;
30
+ $header-desc-text-color: #FFF;
@@ -0,0 +1,447 @@
1
+ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
2
+
3
+ /* Document
4
+ ========================================================================== */
5
+
6
+ /**
7
+ * 1. Correct the line height in all browsers.
8
+ * 2. Prevent adjustments of font size after orientation changes in
9
+ * IE on Windows Phone and in iOS.
10
+ */
11
+
12
+ html {
13
+ line-height: 1.15; /* 1 */
14
+ -ms-text-size-adjust: 100%; /* 2 */
15
+ -webkit-text-size-adjust: 100%; /* 2 */
16
+ }
17
+
18
+ /* Sections
19
+ ========================================================================== */
20
+
21
+ /**
22
+ * Remove the margin in all browsers (opinionated).
23
+ */
24
+
25
+ body {
26
+ margin: 0;
27
+ }
28
+
29
+ /**
30
+ * Add the correct display in IE 9-.
31
+ */
32
+
33
+ article,
34
+ aside,
35
+ footer,
36
+ header,
37
+ nav,
38
+ section {
39
+ display: block;
40
+ }
41
+
42
+ /**
43
+ * Correct the font size and margin on `h1` elements within `section` and
44
+ * `article` contexts in Chrome, Firefox, and Safari.
45
+ */
46
+
47
+ h1 {
48
+ font-size: 2em;
49
+ margin: 0.67em 0;
50
+ }
51
+
52
+ /* Grouping content
53
+ ========================================================================== */
54
+
55
+ /**
56
+ * Add the correct display in IE 9-.
57
+ * 1. Add the correct display in IE.
58
+ */
59
+
60
+ figcaption,
61
+ figure,
62
+ main { /* 1 */
63
+ display: block;
64
+ }
65
+
66
+ /**
67
+ * Add the correct margin in IE 8.
68
+ */
69
+
70
+ figure {
71
+ margin: 1em 40px;
72
+ }
73
+
74
+ /**
75
+ * 1. Add the correct box sizing in Firefox.
76
+ * 2. Show the overflow in Edge and IE.
77
+ */
78
+
79
+ hr {
80
+ box-sizing: content-box; /* 1 */
81
+ height: 0; /* 1 */
82
+ overflow: visible; /* 2 */
83
+ }
84
+
85
+ /**
86
+ * 1. Correct the inheritance and scaling of font size in all browsers.
87
+ * 2. Correct the odd `em` font sizing in all browsers.
88
+ */
89
+
90
+ pre {
91
+ font-family: monospace, monospace; /* 1 */
92
+ font-size: 1em; /* 2 */
93
+ }
94
+
95
+ /* Text-level semantics
96
+ ========================================================================== */
97
+
98
+ /**
99
+ * 1. Remove the gray background on active links in IE 10.
100
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
101
+ */
102
+
103
+ a {
104
+ background-color: transparent; /* 1 */
105
+ -webkit-text-decoration-skip: objects; /* 2 */
106
+ }
107
+
108
+ /**
109
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
110
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
111
+ */
112
+
113
+ abbr[title] {
114
+ border-bottom: none; /* 1 */
115
+ text-decoration: underline; /* 2 */
116
+ text-decoration: underline dotted; /* 2 */
117
+ }
118
+
119
+ /**
120
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
121
+ */
122
+
123
+ b,
124
+ strong {
125
+ font-weight: inherit;
126
+ }
127
+
128
+ /**
129
+ * Add the correct font weight in Chrome, Edge, and Safari.
130
+ */
131
+
132
+ b,
133
+ strong {
134
+ font-weight: bolder;
135
+ }
136
+
137
+ /**
138
+ * 1. Correct the inheritance and scaling of font size in all browsers.
139
+ * 2. Correct the odd `em` font sizing in all browsers.
140
+ */
141
+
142
+ code,
143
+ kbd,
144
+ samp {
145
+ font-family: monospace, monospace; /* 1 */
146
+ font-size: 1em; /* 2 */
147
+ }
148
+
149
+ /**
150
+ * Add the correct font style in Android 4.3-.
151
+ */
152
+
153
+ dfn {
154
+ font-style: italic;
155
+ }
156
+
157
+ /**
158
+ * Add the correct background and color in IE 9-.
159
+ */
160
+
161
+ mark {
162
+ background-color: #ff0;
163
+ color: #000;
164
+ }
165
+
166
+ /**
167
+ * Add the correct font size in all browsers.
168
+ */
169
+
170
+ small {
171
+ font-size: 80%;
172
+ }
173
+
174
+ /**
175
+ * Prevent `sub` and `sup` elements from affecting the line height in
176
+ * all browsers.
177
+ */
178
+
179
+ sub,
180
+ sup {
181
+ font-size: 75%;
182
+ line-height: 0;
183
+ position: relative;
184
+ vertical-align: baseline;
185
+ }
186
+
187
+ sub {
188
+ bottom: -0.25em;
189
+ }
190
+
191
+ sup {
192
+ top: -0.5em;
193
+ }
194
+
195
+ /* Embedded content
196
+ ========================================================================== */
197
+
198
+ /**
199
+ * Add the correct display in IE 9-.
200
+ */
201
+
202
+ audio,
203
+ video {
204
+ display: inline-block;
205
+ }
206
+
207
+ /**
208
+ * Add the correct display in iOS 4-7.
209
+ */
210
+
211
+ audio:not([controls]) {
212
+ display: none;
213
+ height: 0;
214
+ }
215
+
216
+ /**
217
+ * Remove the border on images inside links in IE 10-.
218
+ */
219
+
220
+ img {
221
+ border-style: none;
222
+ }
223
+
224
+ /**
225
+ * Hide the overflow in IE.
226
+ */
227
+
228
+ svg:not(:root) {
229
+ overflow: hidden;
230
+ }
231
+
232
+ /* Forms
233
+ ========================================================================== */
234
+
235
+ /**
236
+ * 1. Change the font styles in all browsers (opinionated).
237
+ * 2. Remove the margin in Firefox and Safari.
238
+ */
239
+
240
+ button,
241
+ input,
242
+ optgroup,
243
+ select,
244
+ textarea {
245
+ font-family: sans-serif; /* 1 */
246
+ font-size: 100%; /* 1 */
247
+ line-height: 1.15; /* 1 */
248
+ margin: 0; /* 2 */
249
+ }
250
+
251
+ /**
252
+ * Show the overflow in IE.
253
+ * 1. Show the overflow in Edge.
254
+ */
255
+
256
+ button,
257
+ input { /* 1 */
258
+ overflow: visible;
259
+ }
260
+
261
+ /**
262
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
263
+ * 1. Remove the inheritance of text transform in Firefox.
264
+ */
265
+
266
+ button,
267
+ select { /* 1 */
268
+ text-transform: none;
269
+ }
270
+
271
+ /**
272
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
273
+ * controls in Android 4.
274
+ * 2. Correct the inability to style clickable types in iOS and Safari.
275
+ */
276
+
277
+ button,
278
+ html [type="button"], /* 1 */
279
+ [type="reset"],
280
+ [type="submit"] {
281
+ -webkit-appearance: button; /* 2 */
282
+ }
283
+
284
+ /**
285
+ * Remove the inner border and padding in Firefox.
286
+ */
287
+
288
+ button::-moz-focus-inner,
289
+ [type="button"]::-moz-focus-inner,
290
+ [type="reset"]::-moz-focus-inner,
291
+ [type="submit"]::-moz-focus-inner {
292
+ border-style: none;
293
+ padding: 0;
294
+ }
295
+
296
+ /**
297
+ * Restore the focus styles unset by the previous rule.
298
+ */
299
+
300
+ button:-moz-focusring,
301
+ [type="button"]:-moz-focusring,
302
+ [type="reset"]:-moz-focusring,
303
+ [type="submit"]:-moz-focusring {
304
+ outline: 1px dotted ButtonText;
305
+ }
306
+
307
+ /**
308
+ * Correct the padding in Firefox.
309
+ */
310
+
311
+ fieldset {
312
+ padding: 0.35em 0.75em 0.625em;
313
+ }
314
+
315
+ /**
316
+ * 1. Correct the text wrapping in Edge and IE.
317
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
318
+ * 3. Remove the padding so developers are not caught out when they zero out
319
+ * `fieldset` elements in all browsers.
320
+ */
321
+
322
+ legend {
323
+ box-sizing: border-box; /* 1 */
324
+ color: inherit; /* 2 */
325
+ display: table; /* 1 */
326
+ max-width: 100%; /* 1 */
327
+ padding: 0; /* 3 */
328
+ white-space: normal; /* 1 */
329
+ }
330
+
331
+ /**
332
+ * 1. Add the correct display in IE 9-.
333
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
334
+ */
335
+
336
+ progress {
337
+ display: inline-block; /* 1 */
338
+ vertical-align: baseline; /* 2 */
339
+ }
340
+
341
+ /**
342
+ * Remove the default vertical scrollbar in IE.
343
+ */
344
+
345
+ textarea {
346
+ overflow: auto;
347
+ }
348
+
349
+ /**
350
+ * 1. Add the correct box sizing in IE 10-.
351
+ * 2. Remove the padding in IE 10-.
352
+ */
353
+
354
+ [type="checkbox"],
355
+ [type="radio"] {
356
+ box-sizing: border-box; /* 1 */
357
+ padding: 0; /* 2 */
358
+ }
359
+
360
+ /**
361
+ * Correct the cursor style of increment and decrement buttons in Chrome.
362
+ */
363
+
364
+ [type="number"]::-webkit-inner-spin-button,
365
+ [type="number"]::-webkit-outer-spin-button {
366
+ height: auto;
367
+ }
368
+
369
+ /**
370
+ * 1. Correct the odd appearance in Chrome and Safari.
371
+ * 2. Correct the outline style in Safari.
372
+ */
373
+
374
+ [type="search"] {
375
+ -webkit-appearance: textfield; /* 1 */
376
+ outline-offset: -2px; /* 2 */
377
+ }
378
+
379
+ /**
380
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
381
+ */
382
+
383
+ [type="search"]::-webkit-search-cancel-button,
384
+ [type="search"]::-webkit-search-decoration {
385
+ -webkit-appearance: none;
386
+ }
387
+
388
+ /**
389
+ * 1. Correct the inability to style clickable types in iOS and Safari.
390
+ * 2. Change font properties to `inherit` in Safari.
391
+ */
392
+
393
+ ::-webkit-file-upload-button {
394
+ -webkit-appearance: button; /* 1 */
395
+ font: inherit; /* 2 */
396
+ }
397
+
398
+ /* Interactive
399
+ ========================================================================== */
400
+
401
+ /*
402
+ * Add the correct display in IE 9-.
403
+ * 1. Add the correct display in Edge, IE, and Firefox.
404
+ */
405
+
406
+ details, /* 1 */
407
+ menu {
408
+ display: block;
409
+ }
410
+
411
+ /*
412
+ * Add the correct display in all browsers.
413
+ */
414
+
415
+ summary {
416
+ display: list-item;
417
+ }
418
+
419
+ /* Scripting
420
+ ========================================================================== */
421
+
422
+ /**
423
+ * Add the correct display in IE 9-.
424
+ */
425
+
426
+ canvas {
427
+ display: inline-block;
428
+ }
429
+
430
+ /**
431
+ * Add the correct display in IE.
432
+ */
433
+
434
+ template {
435
+ display: none;
436
+ }
437
+
438
+ /* Hidden
439
+ ========================================================================== */
440
+
441
+ /**
442
+ * Add the correct display in IE 10-.
443
+ */
444
+
445
+ [hidden] {
446
+ display: none;
447
+ }