overkyll-jekyll-theme 0.5 → 0.8

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,86 +0,0 @@
1
- ////
2
- /// Layout
3
- ////
4
-
5
- $gutter: $base-em;
6
- $number: 4; // for equal columns
7
-
8
- // Page & Wrapper
9
- // -------------------------
10
-
11
- .page {
12
- padding-bottom: $base-line*4;
13
- }
14
-
15
- .wrapper {
16
- margin-right: auto;
17
- margin-left: auto;
18
- padding-right: $base-line / 2;
19
- padding-left: $base-line / 2;
20
- max-width: 40em;
21
- }
22
-
23
- // Inspired from Raphaël Goetter Knacss grid
24
- // grid styles for container wich has a .grid(n,g) class
25
- // n = number of columns (default = 4)
26
- // g = gutter value (default = 1em)
27
- // example : .grid { .grid(12, 10px); }
28
- // ---------------------------------------------------------------------------
29
-
30
- @mixin grid($number:$number, $gutter:$gutter) {
31
- /* inline-block fallback for IE9 generation */
32
- letter-spacing: -0.31em;
33
- text-rendering: optimizespeed;
34
-
35
- @supports (display: flex) {
36
- display: flex;
37
- flex-direction: row;
38
- flex-wrap: wrap;
39
- }
40
-
41
- margin-left: -2vw;
42
- margin-right: -2vw;
43
- @media #{$medium-up} {
44
- margin-left: -$gutter/2;
45
- margin-right: -$gutter/2;
46
- }
47
- margin-bottom: $base-line;
48
-
49
- & > * {
50
- margin-left: 2vw;
51
- margin-right: 2vw;
52
- @media #{$medium-up} {
53
- margin-left: $gutter/2;
54
- margin-right: $gutter/2;
55
- }
56
- margin-bottom: $base-line;
57
-
58
- /* inline-block fallback for IE9 generation */
59
- display: inline-block;
60
- width: calc(100% * 1 / #{$number} - #{$gutter} - .01px);
61
- vertical-align: top;
62
- letter-spacing: normal;
63
- text-rendering: auto;
64
- @supports (display: flex) {
65
- flex: 1 0 10em;
66
- @media #{$medium-up} {
67
- flex: 0 0 calc(100% * 1 / #{$number} - #{$gutter} - .01px);
68
- width: auto;
69
- }
70
- }
71
- }
72
- & > .flexitem-double {
73
- width: calc(100% * 2 / #{$number} - #{$gutter});
74
- @supports (display: flex) {
75
- flex: 0 0 calc(100% * 2 / #{$number} - #{$gutter});
76
- width: auto;
77
- }
78
- }
79
- & > .flexitem-first {
80
- order: -1;
81
- }
82
- }
83
-
84
- .grid {
85
- @include grid();
86
- }
@@ -1,424 +0,0 @@
1
- /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
2
-
3
- /**
4
- * 1. Set default font family to sans-serif.
5
- * 2. Prevent iOS and IE text size adjust after device orientation change,
6
- * without disabling user zoom.
7
- */
8
-
9
- html {
10
- font-family: sans-serif; /* 1 */
11
- -ms-text-size-adjust: 100%; /* 2 */
12
- -webkit-text-size-adjust: 100%; /* 2 */
13
- }
14
-
15
- /**
16
- * Remove default margin.
17
- */
18
-
19
- body {
20
- margin: 0;
21
- }
22
-
23
- /* HTML5 display definitions
24
- ========================================================================== */
25
-
26
- /**
27
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
28
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
29
- * and Firefox.
30
- * Correct `block` display not defined for `main` in IE 11.
31
- */
32
-
33
- article,
34
- aside,
35
- details,
36
- figcaption,
37
- figure,
38
- footer,
39
- header,
40
- hgroup,
41
- main,
42
- menu,
43
- nav,
44
- section,
45
- summary {
46
- display: block;
47
- }
48
-
49
- /**
50
- * 1. Correct `inline-block` display not defined in IE 8/9.
51
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
52
- */
53
-
54
- audio,
55
- canvas,
56
- progress,
57
- video {
58
- display: inline-block; /* 1 */
59
- vertical-align: baseline; /* 2 */
60
- }
61
-
62
- /**
63
- * Prevent modern browsers from displaying `audio` without controls.
64
- * Remove excess height in iOS 5 devices.
65
- */
66
-
67
- audio:not([controls]) {
68
- display: none;
69
- height: 0;
70
- }
71
-
72
- /**
73
- * Address `[hidden]` styling not present in IE 8/9/10.
74
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
75
- */
76
-
77
- [hidden],
78
- template {
79
- display: none;
80
- }
81
-
82
- /* Links
83
- ========================================================================== */
84
-
85
- /**
86
- * Remove the gray background color from active links in IE 10.
87
- */
88
-
89
- a {
90
- background-color: transparent;
91
- }
92
-
93
- /**
94
- * Improve readability of focused elements when they are also in an
95
- * active/hover state.
96
- */
97
-
98
- a:active,
99
- a:hover {
100
- outline: 0;
101
- }
102
-
103
- /* Text-level semantics
104
- ========================================================================== */
105
-
106
- /**
107
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
108
- */
109
-
110
- abbr[title] {
111
- border-bottom: 1px dotted;
112
- }
113
-
114
- /**
115
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
116
- */
117
-
118
- b,
119
- strong {
120
- font-weight: bold;
121
- }
122
-
123
- /**
124
- * Address styling not present in Safari and Chrome.
125
- */
126
-
127
- dfn {
128
- font-style: italic;
129
- }
130
-
131
- /**
132
- * Address variable `h1` font-size and margin within `section` and `article`
133
- * contexts in Firefox 4+, Safari, and Chrome.
134
- */
135
-
136
- h1 {
137
- font-size: 2em;
138
- margin: 0.67em 0;
139
- }
140
-
141
- /**
142
- * Address styling not present in IE 8/9.
143
- */
144
-
145
- mark {
146
- background: #ff0;
147
- color: #000;
148
- }
149
-
150
- /**
151
- * Address inconsistent and variable font size in all browsers.
152
- */
153
-
154
- small {
155
- font-size: 80%;
156
- }
157
-
158
- /**
159
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
160
- */
161
-
162
- sub,
163
- sup {
164
- font-size: 75%;
165
- line-height: 0;
166
- position: relative;
167
- vertical-align: baseline;
168
- }
169
-
170
- sup {
171
- top: -0.5em;
172
- }
173
-
174
- sub {
175
- bottom: -0.25em;
176
- }
177
-
178
- /* Embedded content
179
- ========================================================================== */
180
-
181
- /**
182
- * Remove border when inside `a` element in IE 8/9/10.
183
- */
184
-
185
- img {
186
- border: 0;
187
- }
188
-
189
- /**
190
- * Correct overflow not hidden in IE 9/10/11.
191
- */
192
-
193
- svg:not(:root) {
194
- overflow: hidden;
195
- }
196
-
197
- /* Grouping content
198
- ========================================================================== */
199
-
200
- /**
201
- * Address margin not present in IE 8/9 and Safari.
202
- */
203
-
204
- figure {
205
- margin: 1em 40px;
206
- }
207
-
208
- /**
209
- * Address differences between Firefox and other browsers.
210
- */
211
-
212
- hr {
213
- box-sizing: content-box;
214
- height: 0;
215
- }
216
-
217
- /**
218
- * Contain overflow in all browsers.
219
- */
220
-
221
- pre {
222
- overflow: auto;
223
- }
224
-
225
- /**
226
- * Address odd `em`-unit font size rendering in all browsers.
227
- */
228
-
229
- code,
230
- kbd,
231
- pre,
232
- samp {
233
- font-family: monospace, monospace;
234
- font-size: 1em;
235
- }
236
-
237
- /* Forms
238
- ========================================================================== */
239
-
240
- /**
241
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
242
- * styling of `select`, unless a `border` property is set.
243
- */
244
-
245
- /**
246
- * 1. Correct color not being inherited.
247
- * Known issue: affects color of disabled elements.
248
- * 2. Correct font properties not being inherited.
249
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
250
- */
251
-
252
- button,
253
- input,
254
- optgroup,
255
- select,
256
- textarea {
257
- color: inherit; /* 1 */
258
- font: inherit; /* 2 */
259
- margin: 0; /* 3 */
260
- }
261
-
262
- /**
263
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
264
- */
265
-
266
- button {
267
- overflow: visible;
268
- }
269
-
270
- /**
271
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
272
- * All other form control elements do not inherit `text-transform` values.
273
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
274
- * Correct `select` style inheritance in Firefox.
275
- */
276
-
277
- button,
278
- select {
279
- text-transform: none;
280
- }
281
-
282
- /**
283
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
284
- * and `video` controls.
285
- * 2. Correct inability to style clickable `input` types in iOS.
286
- * 3. Improve usability and consistency of cursor style between image-type
287
- * `input` and others.
288
- */
289
-
290
- button,
291
- html input[type="button"], /* 1 */
292
- input[type="reset"],
293
- input[type="submit"] {
294
- -webkit-appearance: button; /* 2 */
295
- cursor: pointer; /* 3 */
296
- }
297
-
298
- /**
299
- * Re-set default cursor for disabled elements.
300
- */
301
-
302
- button[disabled],
303
- html input[disabled] {
304
- cursor: default;
305
- }
306
-
307
- /**
308
- * Remove inner padding and border in Firefox 4+.
309
- */
310
-
311
- button::-moz-focus-inner,
312
- input::-moz-focus-inner {
313
- border: 0;
314
- padding: 0;
315
- }
316
-
317
- /**
318
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
319
- * the UA stylesheet.
320
- */
321
-
322
- input {
323
- line-height: normal;
324
- }
325
-
326
- /**
327
- * It's recommended that you don't attempt to style these elements.
328
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
329
- *
330
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
331
- * 2. Remove excess padding in IE 8/9/10.
332
- */
333
-
334
- input[type="checkbox"],
335
- input[type="radio"] {
336
- box-sizing: border-box; /* 1 */
337
- padding: 0; /* 2 */
338
- }
339
-
340
- /**
341
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
342
- * `font-size` values of the `input`, it causes the cursor style of the
343
- * decrement button to change from `default` to `text`.
344
- */
345
-
346
- input[type="number"]::-webkit-inner-spin-button,
347
- input[type="number"]::-webkit-outer-spin-button {
348
- height: auto;
349
- }
350
-
351
- /**
352
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
353
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
354
- */
355
-
356
- input[type="search"] {
357
- -webkit-appearance: textfield; /* 1 */
358
- box-sizing: content-box; /* 2 */
359
- }
360
-
361
- /**
362
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
363
- * Safari (but not Chrome) clips the cancel button when the search input has
364
- * padding (and `textfield` appearance).
365
- */
366
-
367
- input[type="search"]::-webkit-search-cancel-button,
368
- input[type="search"]::-webkit-search-decoration {
369
- -webkit-appearance: none;
370
- }
371
-
372
- /**
373
- * Define consistent border, margin, and padding.
374
- */
375
-
376
- fieldset {
377
- border: 1px solid #c0c0c0;
378
- margin: 0 2px;
379
- padding: 0.35em 0.625em 0.75em;
380
- }
381
-
382
- /**
383
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
384
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
385
- */
386
-
387
- legend {
388
- border: 0; /* 1 */
389
- padding: 0; /* 2 */
390
- }
391
-
392
- /**
393
- * Remove default vertical scrollbar in IE 8/9/10/11.
394
- */
395
-
396
- textarea {
397
- overflow: auto;
398
- }
399
-
400
- /**
401
- * Don't inherit the `font-weight` (applied by a rule above).
402
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
403
- */
404
-
405
- optgroup {
406
- font-weight: bold;
407
- }
408
-
409
- /* Tables
410
- ========================================================================== */
411
-
412
- /**
413
- * Remove most spacing between table cells.
414
- */
415
-
416
- table {
417
- border-collapse: collapse;
418
- border-spacing: 0;
419
- }
420
-
421
- td,
422
- th {
423
- padding: 0;
424
- }