cosy-jekyll-theme 1.0.3

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.
Files changed (50) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +22 -0
  3. data/_includes/browser-upgrade.html +1 -0
  4. data/_includes/disqus_comments.html +26 -0
  5. data/_includes/feed-footer.html +1 -0
  6. data/_includes/footer.html +33 -0
  7. data/_includes/gallery +21 -0
  8. data/_includes/head.html +42 -0
  9. data/_includes/header.html +63 -0
  10. data/_includes/icons.html +3 -0
  11. data/_includes/pagination.html +66 -0
  12. data/_includes/read-more.html +20 -0
  13. data/_includes/scripts.html +22 -0
  14. data/_layouts/home.html +25 -0
  15. data/_layouts/page.html +37 -0
  16. data/_layouts/post.html +60 -0
  17. data/_sass/_animations.scss +327 -0
  18. data/_sass/_coderay.scss +66 -0
  19. data/_sass/_elements.scss +156 -0
  20. data/_sass/_grid.scss +47 -0
  21. data/_sass/_mixins.scss +381 -0
  22. data/_sass/_page.scss +649 -0
  23. data/_sass/_reset.scss +156 -0
  24. data/_sass/_rouge.scss +73 -0
  25. data/_sass/_site.scss +56 -0
  26. data/_sass/_typography.scss +125 -0
  27. data/_sass/_variables.scss +46 -0
  28. data/_sass/vendor/font-awesome/_animated.scss +34 -0
  29. data/_sass/vendor/font-awesome/_bordered-pulled.scss +25 -0
  30. data/_sass/vendor/font-awesome/_core.scss +12 -0
  31. data/_sass/vendor/font-awesome/_fixed-width.scss +6 -0
  32. data/_sass/vendor/font-awesome/_icons.scss +697 -0
  33. data/_sass/vendor/font-awesome/_larger.scss +13 -0
  34. data/_sass/vendor/font-awesome/_list.scss +19 -0
  35. data/_sass/vendor/font-awesome/_mixins.scss +26 -0
  36. data/_sass/vendor/font-awesome/_path.scss +15 -0
  37. data/_sass/vendor/font-awesome/_rotated-flipped.scss +20 -0
  38. data/_sass/vendor/font-awesome/_stacked.scss +20 -0
  39. data/_sass/vendor/font-awesome/_variables.scss +708 -0
  40. data/_sass/vendor/font-awesome/font-awesome.scss +17 -0
  41. data/assets/css/main.scss +26 -0
  42. data/assets/fonts/FontAwesome.otf +0 -0
  43. data/assets/fonts/fontawesome-webfont.eot +0 -0
  44. data/assets/fonts/fontawesome-webfont.svg +655 -0
  45. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  46. data/assets/fonts/fontawesome-webfont.woff +0 -0
  47. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  48. data/assets/js/fitvids.min.js +1 -0
  49. data/assets/js/main.js +20 -0
  50. metadata +134 -0
@@ -0,0 +1,381 @@
1
+ // UTILITY MIXINS
2
+ // --------------------------------------------------
3
+
4
+ // Clearfix
5
+ // --------------------
6
+ // For clearing floats like a boss h5bp.com/q
7
+ @mixin clearfix {
8
+ *zoom: 1;
9
+ &:before,
10
+ &:after {
11
+ display: table;
12
+ content: "";
13
+ // Fixes Opera/contenteditable bug:
14
+ // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
15
+ line-height: 0;
16
+ }
17
+ &:after {
18
+ clear: both;
19
+ }
20
+ }
21
+
22
+ // Webkit-style focus
23
+ // --------------------
24
+ @mixin tab-focus() {
25
+ // Default
26
+ outline: thin dotted #333;
27
+ // Webkit
28
+ outline: 5px auto -webkit-focus-ring-color;
29
+ outline-offset: -2px;
30
+ }
31
+
32
+ // Center-align a block level element
33
+ // ----------------------------------
34
+ @mixin center-block() {
35
+ display: block;
36
+ margin-left: auto;
37
+ margin-right: auto;
38
+ }
39
+
40
+ // TYPOGRAPHY
41
+ // --------------------------------------------------
42
+
43
+ // Full-fat vertical rhythm
44
+ // ------------------------
45
+ @mixin font-size($size) {
46
+ font-size: 0px + $size;
47
+ font-size: 0rem + $size / $doc-font-size;
48
+ line-height: 0 + round($doc-line-height / $size*10000) / 10000;
49
+ margin-bottom: 0px + $doc-line-height;
50
+ margin-bottom: 0rem + ($doc-line-height / $doc-font-size);
51
+ }
52
+
53
+ // Just the REMs
54
+ // -------------
55
+ @mixin font-rem($size) {
56
+ font-size: 0px + $size;
57
+ font-size: 0rem + $size / $doc-font-size;
58
+ }
59
+
60
+ // Just font-size and line-height
61
+ // ------------------------------
62
+ @mixin font($size) {
63
+ font-size: 0px + $size;
64
+ font-size: 0rem + $size / $doc-font-size;
65
+ line-height: 0 + round($doc-line-height / $size*10000) / 10000;
66
+ }
67
+
68
+ @mixin text-overflow() {
69
+ overflow: hidden;
70
+ text-overflow: ellipsis;
71
+ white-space: nowrap;
72
+ }
73
+
74
+ // GRADIENTS
75
+ // --------------------------------------------------
76
+
77
+ @mixin horizontal($startColor : $white, $endColor : $lightergrey) {
78
+ background-color: $endColor;
79
+ background-image : -webkit-gradient(linear, 0 0, 100% 0, from($startColor), to($endColor)); // Safari 4+, Chrome 2+
80
+ background-image : -webkit-linear-gradient(left, $startColor, $endColor); // Safari 5.1+, Chrome 10+
81
+ background-image : -moz-linear-gradient(left, $startColor, $endColor); // FF 3.6+
82
+ background-image : -ms-linear-gradient(left, $startColor, $endColor); // IE10
83
+ background-image : -o-linear-gradient(left, $startColor, $endColor); // Opera 11.10
84
+ background-image : linear-gradient(left, $startColor, $endColor); // W3C
85
+ background-repeat : repeat-x;
86
+ }
87
+
88
+ @mixin vertical($startColor : $white, $endColor: $lightergrey) {
89
+ background-image : -webkit-gradient(linear, 0 0, 0 100%, from($startColor), to($endColor)); // Safari 4+, Chrome 2+
90
+ background-image : -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+
91
+ background-color : $endColor;
92
+ background-image : -moz-linear-gradient(top, $startColor, $endColor); // FF 3.6+
93
+ background-image : -ms-linear-gradient(top, $startColor, $endColor); // IE10
94
+ background-image : -o-linear-gradient(top, $startColor, $endColor); // Opera 11.10
95
+ background-image : linear-gradient(top, $startColor, $endColor); // W3C
96
+ background-repeat : repeat-x;
97
+ }
98
+
99
+ @mixin directional($startColor : $white, $endColor : $lightergrey, $deg : 45deg) {
100
+ background-color : $endColor;
101
+ background-image : -moz-linear-gradient($deg, $startColor, $endColor); // FF 3.6+
102
+ background-image : -ms-linear-gradient($deg, $startColor, $endColor); // IE10
103
+ background-image : -webkit-linear-gradient($deg, $startColor, $endColor); // Safari 5.1+, Chrome 10+
104
+ background-image : -o-linear-gradient($deg, $startColor, $endColor); // Opera 11.10
105
+ background-image : linear-gradient($deg, $startColor, $endColor); // W3C
106
+ background-repeat : repeat-x;
107
+ }
108
+
109
+ // .bordered(COLOR, COLOR, COLOR, COLOR);
110
+ @mixin bordered($top-color: #eee, $right-color: #eee, $bottom-color: #eee, $left-color: #eee) {
111
+ border-top : solid 1px $top-color;
112
+ border-left : solid 1px $left-color;
113
+ border-right : solid 1px $right-color;
114
+ border-bottom : solid 1px $bottom-color;
115
+ }
116
+
117
+ // ROUND CORNERS
118
+ // --------------------------------------------------
119
+
120
+ // .rounded(VALUE);
121
+ @mixin rounded($radius:4px) {
122
+ -webkit-border-radius : $radius;
123
+ -moz-border-radius : $radius;
124
+ border-radius : $radius;
125
+ }
126
+
127
+ // .border-radius(VALUE,VALUE,VALUE,VALUE);
128
+ @mixin border-radius($topright: 0, $bottomright: 0, $bottomleft: 0, $topleft: 0) {
129
+ -webkit-border-top-right-radius : $topright;
130
+ -webkit-border-bottom-right-radius : $bottomright;
131
+ -webkit-border-bottom-left-radius : $bottomleft;
132
+ -webkit-border-top-left-radius : $topleft;
133
+ -moz-border-radius-topright : $topright;
134
+ -moz-border-radius-bottomright : $bottomright;
135
+ -moz-border-radius-bottomleft : $bottomleft;
136
+ -moz-border-radius-topleft : $topleft;
137
+ border-top-right-radius : $topright;
138
+ border-bottom-right-radius : $bottomright;
139
+ border-bottom-left-radius : $bottomleft;
140
+ border-top-left-radius : $topleft;
141
+ -webkit-background-clip : padding-box;
142
+ -moz-background-clip : padding;
143
+ background-clip : padding-box;
144
+ }
145
+
146
+ // .box-shadow(HORIZONTAL VERTICAL BLUR COLOR))
147
+ @mixin box-shadow($shadow: 0 1px 3px rgba(0,0,0,.25)) {
148
+ -webkit-box-shadow : $shadow;
149
+ -moz-box-shadow : $shadow;
150
+ box-shadow : $shadow;
151
+ }
152
+
153
+ // .drop-shadow(HORIZONTAL, VERTICAL, BLUR, ALPHA);
154
+ @mixin drop-shadow($x-axis: 0, $y-axis: 1px, $blur: 2px, $alpha: 0.1) {
155
+ -webkit-box-shadow : $x-axis $y-axis $blur rgba(0, 0, 0, $alpha);
156
+ -moz-box-shadow : $x-axis $y-axis $blur rgba(0, 0, 0, $alpha);
157
+ box-shadow : $x-axis $y-axis $blur rgba(0, 0, 0, $alpha);
158
+ }
159
+
160
+ // .text-shadow();
161
+ @mixin text-shadow($shadow: 0 2px 3px rgba(0,0,0,.25)) {
162
+ text-shadow : $shadow;
163
+ }
164
+
165
+ // TRANSFORMATIONS
166
+ // --------------------------------------------------
167
+
168
+ // .rotate(VALUEdeg);
169
+ @mixin rotate($deg) {
170
+ -webkit-transform : rotate($deg);
171
+ -moz-transform : rotate($deg);
172
+ -ms-transform : rotate($deg);
173
+ -o-transform : rotate($deg);
174
+ transform : rotate($deg);
175
+ }
176
+
177
+ // .scale(VALUE);
178
+ @mixin scale($ratio) {
179
+ -webkit-transform : scale($ratio);
180
+ -moz-transform : scale($ratio);
181
+ -ms-transform : scale($ratio);
182
+ -o-transform : scale($ratio);
183
+ transform : scale($ratio);
184
+ }
185
+
186
+ // .skew(VALUE, VALUE);
187
+ @mixin skew($x: 0, $y: 0) {
188
+ -webkit-transform : skew($x, $y);
189
+ -moz-transform : skew($x, $y);
190
+ -ms-transform : skew($x, $y);
191
+ -o-transform : skew($x, $y);
192
+ transform : skew($x, $y);
193
+ }
194
+
195
+ // .transition(PROPERTY DURATION DELAY(OPTIONAL) TIMING-FINCTION);
196
+ @mixin transition($transition) {
197
+ -webkit-transition : $transition;
198
+ -moz-transition : $transition;
199
+ -ms-transition : $transition;
200
+ -o-transition : $transition;
201
+ transition : $transition;
202
+ }
203
+
204
+ // .translate(VALUE, VALUE)
205
+ @mixin translate($x: 0, $y: 0) {
206
+ -webkit-transform : translate($x, $y);
207
+ -moz-transform : translate($x, $y);
208
+ -ms-transform : translate($x, $y);
209
+ -o-transform : translate($x, $y);
210
+ transform : translate($x, $y);
211
+ }
212
+
213
+ @mixin translate3d($x: 0, $y: 0, $z: 0) {
214
+ -webkit-transform : translate($x, $y, $z);
215
+ -moz-transform : translate($x, $y, $z);
216
+ -ms-transform : translate($x, $y, $z);
217
+ -o-transform : translate($x, $y, $z);
218
+ transform : translate($x, $y, $z);
219
+ }
220
+
221
+ @mixin animation($name, $duration: 300ms, $delay: 0, $ease: ease) {
222
+ -webkit-animation: $name $duration $delay $ease;
223
+ -moz-animation: $name $duration $delay $ease;
224
+ -ms-animation: $name $duration $delay $ease;
225
+ }
226
+
227
+ // BACKGROUND
228
+ // --------------------------------------------------
229
+
230
+ // .background-alpha(VALUE VALUE);
231
+ @mixin background-alpha($color: $white, $alpha: 1) {
232
+ background-color : hsla(hue($color), saturation($color), lightness($color), $alpha);
233
+ }
234
+
235
+ // .background-size(VALUE VALUE);
236
+ @mixin background-size($size){
237
+ -webkit-background-size : $size;
238
+ -moz-background-size : $size;
239
+ -o-background-size : $size;
240
+ background-size : $size;
241
+ }
242
+
243
+ // .background-clip(VALUE); (border-box, padding-box, content-box)
244
+ @mixin background-clip($clip) {
245
+ -webkit-background-clip : $clip;
246
+ -moz-background-clip : $clip;
247
+ background-clip : $clip;
248
+ }
249
+
250
+ // .box-sizing(VALUE); (border-box, padding-box, content-box)
251
+ @mixin box-sizing($boxsize: border-box) {
252
+ -webkit-box-sizing : $boxsize;
253
+ -moz-box-sizing : $boxsize;
254
+ -ms-box-sizing : $boxsize;
255
+ box-sizing : $boxsize;
256
+ }
257
+
258
+ // For image replacement
259
+ @mixin hide-text() {
260
+ text-indent : 100%;
261
+ white-space : nowrap;
262
+ overflow : hidden;
263
+ }
264
+
265
+ // Hide from visual and speaking browsers
266
+ @mixin hidden() {
267
+ display : none !important;
268
+ visibility : hidden;
269
+ }
270
+ .hidden {
271
+ display: none;
272
+ visibility: hidden;
273
+ }
274
+
275
+ // Hide but maintain layout
276
+ @mixin invisible() {
277
+ visibility : hidden;
278
+ }
279
+
280
+ // .resize(VALUE) (none, both, horizontal, vertical, inherit)
281
+ @mixin resize($direction: both) {
282
+ resize : $direction;
283
+ overflow : auto;
284
+ }
285
+
286
+ // .userselect(VALUE) (all, element, none, text)
287
+ @mixin user-select($select) {
288
+ -webkit-user-select : $select;
289
+ -moz-user-select : $select;
290
+ -o-user-select : $select;
291
+ user-select : $select;
292
+ }
293
+
294
+ // Hidden but available to speaking browsers
295
+ @mixin visuallyhidden() {
296
+ overflow : hidden;
297
+ position : absolute;
298
+ clip : rect(0 0 0 0);
299
+ height : 1px;
300
+ width : 1px;
301
+ margin : -1px;
302
+ padding : 0;
303
+ border : 0;
304
+ }
305
+
306
+ // Make visuallyhidden focusable with a keyboard
307
+ .visuallyhidden.focusable:active,
308
+ .visuallyhidden.focusable:focus {
309
+ position : static;
310
+ clip : auto;
311
+ height : auto;
312
+ width : auto;
313
+ margin : 0;
314
+ overflow: visible;
315
+ }
316
+
317
+ @mixin flexbox {
318
+ display: -webkit-box;
319
+ display: -webkit-flex;
320
+ display: -moz-flex;
321
+ display: -ms-flexbox;
322
+ display: flex;
323
+ }
324
+
325
+ @mixin justify-content($value: flex-start) {
326
+ @if $value == flex-start {
327
+ -webkit-box-pack: start;
328
+ -ms-flex-pack: start;
329
+ } @else if $value == flex-end {
330
+ -webkit-box-pack: end;
331
+ -ms-flex-pack: end;
332
+ } @else if $value == space-between {
333
+ -webkit-box-pack: justify;
334
+ -ms-flex-pack: justify;
335
+ } @else if $value == space-around {
336
+ -ms-flex-pack: distribute;
337
+ } @else {
338
+ -webkit-box-pack: $value;
339
+ -ms-flex-pack: $value;
340
+ }
341
+ -webkit-justify-content: $value;
342
+ -moz-justify-content: $value;
343
+ justify-content: $value;
344
+ }
345
+
346
+ @mixin align-items($value: stretch) {
347
+ @if $value == flex-start {
348
+ -webkit-box-align: start;
349
+ -ms-flex-align: start;
350
+ } @else if $value == flex-end {
351
+ -webkit-box-align: end;
352
+ -ms-flex-align: end;
353
+ } @else {
354
+ -webkit-box-align: $value;
355
+ -ms-flex-align: $value;
356
+ }
357
+ -webkit-align-items: $value;
358
+ -moz-align-items: $value;
359
+ align-items: $value;
360
+ }
361
+
362
+
363
+ @mixin flex-direction($value: row) {
364
+ @if $value == row-reverse {
365
+ -webkit-box-direction: reverse;
366
+ -webkit-box-orient: horizontal;
367
+ } @else if $value == column {
368
+ -webkit-box-direction: normal;
369
+ -webkit-box-orient: vertical;
370
+ } @else if $value == column-reverse {
371
+ -webkit-box-direction: reverse;
372
+ -webkit-box-orient: vertical;
373
+ } @else {
374
+ -webkit-box-direction: normal;
375
+ -webkit-box-orient: horizontal;
376
+ }
377
+ -webkit-flex-direction: $value;
378
+ -moz-flex-direction: $value;
379
+ -ms-flex-direction: $value;
380
+ flex-direction: $value;
381
+ }