jekyll-theme-jam 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (82) hide show
  1. checksums.yaml +7 -0
  2. data/CHANGELOG.md +10 -0
  3. data/LICENSE.md +10 -0
  4. data/README.md +63 -0
  5. data/_includes/disqus_comments.html +14 -0
  6. data/_includes/figure +12 -0
  7. data/_includes/footer.html +17 -0
  8. data/_includes/google-analytics.html +7 -0
  9. data/_includes/google-tag-manager-noscript.html +3 -0
  10. data/_includes/google-tag-manager.html +6 -0
  11. data/_includes/head.html +13 -0
  12. data/_includes/netlify-form.html +18 -0
  13. data/_includes/read_time.html +16 -0
  14. data/_layouts/archive.html +15 -0
  15. data/_layouts/default.html +12 -0
  16. data/_layouts/front.html +11 -0
  17. data/_layouts/home.html +25 -0
  18. data/_layouts/page.html +14 -0
  19. data/_layouts/post.html +30 -0
  20. data/_sass/_cms.scss +80 -0
  21. data/_sass/_theme.scss +78 -0
  22. data/_sass/_variables.scss +149 -0
  23. data/_sass/scss/_aspect-ratios.scss +142 -0
  24. data/_sass/scss/_background-position.scss +133 -0
  25. data/_sass/scss/_background-size.scss +41 -0
  26. data/_sass/scss/_border-colors.scss +93 -0
  27. data/_sass/scss/_border-radius.scss +134 -0
  28. data/_sass/scss/_border-style.scss +55 -0
  29. data/_sass/scss/_border-widths.scss +81 -0
  30. data/_sass/scss/_borders.scss +65 -0
  31. data/_sass/scss/_box-shadow.scss +48 -0
  32. data/_sass/scss/_box-sizing.scss +49 -0
  33. data/_sass/scss/_clears.scss +47 -0
  34. data/_sass/scss/_coordinates.scss +153 -0
  35. data/_sass/scss/_debug-children.scss +21 -0
  36. data/_sass/scss/_debug-grid.scss +33 -0
  37. data/_sass/scss/_debug.scss +127 -0
  38. data/_sass/scss/_debug_children.scss +18 -0
  39. data/_sass/scss/_display.scss +111 -0
  40. data/_sass/scss/_flexbox.scss +257 -0
  41. data/_sass/scss/_floats.scss +56 -0
  42. data/_sass/scss/_font-family.scss +99 -0
  43. data/_sass/scss/_font-style.scss +36 -0
  44. data/_sass/scss/_font-weight.scss +87 -0
  45. data/_sass/scss/_forms.scss +23 -0
  46. data/_sass/scss/_gradients.scss +29 -0
  47. data/_sass/scss/_heights.scss +131 -0
  48. data/_sass/scss/_hovers.scss +166 -0
  49. data/_sass/scss/_images.scss +18 -0
  50. data/_sass/scss/_letter-spacing.scss +40 -0
  51. data/_sass/scss/_line-height.scss +41 -0
  52. data/_sass/scss/_links.scss +34 -0
  53. data/_sass/scss/_lists.scss +15 -0
  54. data/_sass/scss/_max-widths.scss +105 -0
  55. data/_sass/scss/_module-template.scss +29 -0
  56. data/_sass/scss/_negative-margins.scss +205 -0
  57. data/_sass/scss/_nested.scss +63 -0
  58. data/_sass/scss/_normalize.scss +454 -0
  59. data/_sass/scss/_opacity.scss +27 -0
  60. data/_sass/scss/_outlines.scss +39 -0
  61. data/_sass/scss/_overflow.scss +82 -0
  62. data/_sass/scss/_position.scss +44 -0
  63. data/_sass/scss/_rotations.scss +50 -0
  64. data/_sass/scss/_skins-pseudo.scss +243 -0
  65. data/_sass/scss/_skins.scss +143 -0
  66. data/_sass/scss/_spacing.scss +947 -0
  67. data/_sass/scss/_styles.scss +15 -0
  68. data/_sass/scss/_tables.scss +42 -0
  69. data/_sass/scss/_text-align.scss +49 -0
  70. data/_sass/scss/_text-decoration.scss +42 -0
  71. data/_sass/scss/_text-transform.scss +53 -0
  72. data/_sass/scss/_type-scale.scss +102 -0
  73. data/_sass/scss/_typography.scss +129 -0
  74. data/_sass/scss/_utilities.scss +57 -0
  75. data/_sass/scss/_vertical-align.scss +43 -0
  76. data/_sass/scss/_visibility.scss +58 -0
  77. data/_sass/scss/_white-space.scss +41 -0
  78. data/_sass/scss/_widths.scss +150 -0
  79. data/_sass/scss/_word-break.scss +43 -0
  80. data/_sass/scss/_z-index.scss +60 -0
  81. data/assets/css/jam.scss +5 -0
  82. metadata +209 -0
@@ -0,0 +1,111 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ DISPLAY
11
+ Docs: http://tachyons.io/docs/layout/display
12
+
13
+ Base:
14
+ d = display
15
+
16
+ Modifiers:
17
+ n = none
18
+ b = block
19
+ ib = inline-block
20
+ it = inline-table
21
+ t = table
22
+ tc = table-cell
23
+ tr = table-row
24
+ tcol = table-column
25
+ tcolg = table-column-group
26
+
27
+ Media Query Extensions:
28
+ -ns = not-small
29
+ -m = medium
30
+ -l = large
31
+
32
+ */
33
+
34
+ .dn { display: none; }
35
+ .di { display: inline; }
36
+ .db { display: block; }
37
+ .dib { display: inline-block; }
38
+ .dit { display: inline-table; }
39
+ .dt { display: table; }
40
+ .dtc { display: table-cell; }
41
+ .dt-row { display: table-row; }
42
+ .dt-row-group { display: table-row-group; }
43
+ .dt-column { display: table-column; }
44
+ .dt-column-group { display: table-column-group; }
45
+
46
+ /*
47
+ This will set table to full width and then
48
+ all cells will be equal width
49
+ */
50
+ .dt--fixed {
51
+ table-layout: fixed;
52
+ width: 100%;
53
+ }
54
+
55
+ @media #{$breakpoint-not-small} {
56
+ .dn-ns { display: none; }
57
+ .di-ns { display: inline; }
58
+ .db-ns { display: block; }
59
+ .dib-ns { display: inline-block; }
60
+ .dit-ns { display: inline-table; }
61
+ .dt-ns { display: table; }
62
+ .dtc-ns { display: table-cell; }
63
+ .dt-row-ns { display: table-row; }
64
+ .dt-row-group-ns { display: table-row-group; }
65
+ .dt-column-ns { display: table-column; }
66
+ .dt-column-group-ns { display: table-column-group; }
67
+
68
+ .dt--fixed-ns {
69
+ table-layout: fixed;
70
+ width: 100%;
71
+ }
72
+ }
73
+
74
+ @media #{$breakpoint-medium} {
75
+ .dn-m { display: none; }
76
+ .di-m { display: inline; }
77
+ .db-m { display: block; }
78
+ .dib-m { display: inline-block; }
79
+ .dit-m { display: inline-table; }
80
+ .dt-m { display: table; }
81
+ .dtc-m { display: table-cell; }
82
+ .dt-row-m { display: table-row; }
83
+ .dt-row-group-m { display: table-row-group; }
84
+ .dt-column-m { display: table-column; }
85
+ .dt-column-group-m { display: table-column-group; }
86
+
87
+ .dt--fixed-m {
88
+ table-layout: fixed;
89
+ width: 100%;
90
+ }
91
+ }
92
+
93
+ @media #{$breakpoint-large} {
94
+ .dn-l { display: none; }
95
+ .di-l { display: inline; }
96
+ .db-l { display: block; }
97
+ .dib-l { display: inline-block; }
98
+ .dit-l { display: inline-table; }
99
+ .dt-l { display: table; }
100
+ .dtc-l { display: table-cell; }
101
+ .dt-row-l { display: table-row; }
102
+ .dt-row-group-l { display: table-row-group; }
103
+ .dt-column-l { display: table-column; }
104
+ .dt-column-group-l { display: table-column-group; }
105
+
106
+ .dt--fixed-l {
107
+ table-layout: fixed;
108
+ width: 100%;
109
+ }
110
+ }
111
+
@@ -0,0 +1,257 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ FLEXBOX
11
+
12
+ Media Query Extensions:
13
+ -ns = not-small
14
+ -m = medium
15
+ -l = large
16
+
17
+ */
18
+
19
+ .flex { display: flex; }
20
+ .inline-flex { display: inline-flex; }
21
+
22
+ /* 1. Fix for Chrome 44 bug.
23
+ * https://code.google.com/p/chromium/issues/detail?id=506893 */
24
+ .flex-auto {
25
+ flex: 1 1 auto;
26
+ min-width: 0; /* 1 */
27
+ min-height: 0; /* 1 */
28
+ }
29
+
30
+ .flex-none { flex: none; }
31
+
32
+ .flex-column { flex-direction: column; }
33
+ .flex-row { flex-direction: row; }
34
+ .flex-wrap { flex-wrap: wrap; }
35
+ .flex-nowrap { flex-wrap: nowrap; }
36
+ .flex-wrap-reverse { flex-wrap: wrap-reverse; }
37
+ .flex-column-reverse { flex-direction: column-reverse; }
38
+ .flex-row-reverse { flex-direction: row-reverse; }
39
+
40
+ .items-start { align-items: flex-start; }
41
+ .items-end { align-items: flex-end; }
42
+ .items-center { align-items: center; }
43
+ .items-baseline { align-items: baseline; }
44
+ .items-stretch { align-items: stretch; }
45
+
46
+ .self-start { align-self: flex-start; }
47
+ .self-end { align-self: flex-end; }
48
+ .self-center { align-self: center; }
49
+ .self-baseline { align-self: baseline; }
50
+ .self-stretch { align-self: stretch; }
51
+
52
+ .justify-start { justify-content: flex-start; }
53
+ .justify-end { justify-content: flex-end; }
54
+ .justify-center { justify-content: center; }
55
+ .justify-between { justify-content: space-between; }
56
+ .justify-around { justify-content: space-around; }
57
+
58
+ .content-start { align-content: flex-start; }
59
+ .content-end { align-content: flex-end; }
60
+ .content-center { align-content: center; }
61
+ .content-between { align-content: space-between; }
62
+ .content-around { align-content: space-around; }
63
+ .content-stretch { align-content: stretch; }
64
+
65
+ .order-0 { order: 0; }
66
+ .order-1 { order: 1; }
67
+ .order-2 { order: 2; }
68
+ .order-3 { order: 3; }
69
+ .order-4 { order: 4; }
70
+ .order-5 { order: 5; }
71
+ .order-6 { order: 6; }
72
+ .order-7 { order: 7; }
73
+ .order-8 { order: 8; }
74
+ .order-last { order: 99999; }
75
+
76
+ .flex-grow-0 { flex-grow: 0; }
77
+ .flex-grow-1 { flex-grow: 1; }
78
+
79
+ .flex-shrink-0 { flex-shrink: 0; }
80
+ .flex-shrink-1 { flex-shrink: 1; }
81
+
82
+ @media #{$breakpoint-not-small} {
83
+ .flex-ns { display: flex; }
84
+ .inline-flex-ns { display: inline-flex; }
85
+ .flex-auto-ns {
86
+ flex: 1 1 auto;
87
+ min-width: 0; /* 1 */
88
+ min-height: 0; /* 1 */
89
+ }
90
+ .flex-none-ns { flex: none; }
91
+ .flex-column-ns { flex-direction: column; }
92
+ .flex-row-ns { flex-direction: row; }
93
+ .flex-wrap-ns { flex-wrap: wrap; }
94
+ .flex-nowrap-ns { flex-wrap: nowrap; }
95
+ .flex-wrap-reverse-ns { flex-wrap: wrap-reverse; }
96
+ .flex-column-reverse-ns { flex-direction: column-reverse; }
97
+ .flex-row-reverse-ns { flex-direction: row-reverse; }
98
+ .items-start-ns { align-items: flex-start; }
99
+ .items-end-ns { align-items: flex-end; }
100
+ .items-center-ns { align-items: center; }
101
+ .items-baseline-ns { align-items: baseline; }
102
+ .items-stretch-ns { align-items: stretch; }
103
+
104
+ .self-start-ns { align-self: flex-start; }
105
+ .self-end-ns { align-self: flex-end; }
106
+ .self-center-ns { align-self: center; }
107
+ .self-baseline-ns { align-self: baseline; }
108
+ .self-stretch-ns { align-self: stretch; }
109
+
110
+ .justify-start-ns { justify-content: flex-start; }
111
+ .justify-end-ns { justify-content: flex-end; }
112
+ .justify-center-ns { justify-content: center; }
113
+ .justify-between-ns { justify-content: space-between; }
114
+ .justify-around-ns { justify-content: space-around; }
115
+
116
+ .content-start-ns { align-content: flex-start; }
117
+ .content-end-ns { align-content: flex-end; }
118
+ .content-center-ns { align-content: center; }
119
+ .content-between-ns { align-content: space-between; }
120
+ .content-around-ns { align-content: space-around; }
121
+ .content-stretch-ns { align-content: stretch; }
122
+
123
+ .order-0-ns { order: 0; }
124
+ .order-1-ns { order: 1; }
125
+ .order-2-ns { order: 2; }
126
+ .order-3-ns { order: 3; }
127
+ .order-4-ns { order: 4; }
128
+ .order-5-ns { order: 5; }
129
+ .order-6-ns { order: 6; }
130
+ .order-7-ns { order: 7; }
131
+ .order-8-ns { order: 8; }
132
+ .order-last-ns { order: 99999; }
133
+
134
+ .flex-grow-0-ns { flex-grow: 0; }
135
+ .flex-grow-1-ns { flex-grow: 1; }
136
+
137
+ .flex-shrink-0-ns { flex-shrink: 0; }
138
+ .flex-shrink-1-ns { flex-shrink: 1; }
139
+ }
140
+ @media #{$breakpoint-medium} {
141
+ .flex-m { display: flex; }
142
+ .inline-flex-m { display: inline-flex; }
143
+ .flex-auto-m {
144
+ flex: 1 1 auto;
145
+ min-width: 0; /* 1 */
146
+ min-height: 0; /* 1 */
147
+ }
148
+ .flex-none-m { flex: none; }
149
+ .flex-column-m { flex-direction: column; }
150
+ .flex-row-m { flex-direction: row; }
151
+ .flex-wrap-m { flex-wrap: wrap; }
152
+ .flex-nowrap-m { flex-wrap: nowrap; }
153
+ .flex-wrap-reverse-m { flex-wrap: wrap-reverse; }
154
+ .flex-column-reverse-m { flex-direction: column-reverse; }
155
+ .flex-row-reverse-m { flex-direction: row-reverse; }
156
+ .items-start-m { align-items: flex-start; }
157
+ .items-end-m { align-items: flex-end; }
158
+ .items-center-m { align-items: center; }
159
+ .items-baseline-m { align-items: baseline; }
160
+ .items-stretch-m { align-items: stretch; }
161
+
162
+ .self-start-m { align-self: flex-start; }
163
+ .self-end-m { align-self: flex-end; }
164
+ .self-center-m { align-self: center; }
165
+ .self-baseline-m { align-self: baseline; }
166
+ .self-stretch-m { align-self: stretch; }
167
+
168
+ .justify-start-m { justify-content: flex-start; }
169
+ .justify-end-m { justify-content: flex-end; }
170
+ .justify-center-m { justify-content: center; }
171
+ .justify-between-m { justify-content: space-between; }
172
+ .justify-around-m { justify-content: space-around; }
173
+
174
+ .content-start-m { align-content: flex-start; }
175
+ .content-end-m { align-content: flex-end; }
176
+ .content-center-m { align-content: center; }
177
+ .content-between-m { align-content: space-between; }
178
+ .content-around-m { align-content: space-around; }
179
+ .content-stretch-m { align-content: stretch; }
180
+
181
+ .order-0-m { order: 0; }
182
+ .order-1-m { order: 1; }
183
+ .order-2-m { order: 2; }
184
+ .order-3-m { order: 3; }
185
+ .order-4-m { order: 4; }
186
+ .order-5-m { order: 5; }
187
+ .order-6-m { order: 6; }
188
+ .order-7-m { order: 7; }
189
+ .order-8-m { order: 8; }
190
+ .order-last-m { order: 99999; }
191
+
192
+ .flex-grow-0-m { flex-grow: 0; }
193
+ .flex-grow-1-m { flex-grow: 1; }
194
+
195
+ .flex-shrink-0-m { flex-shrink: 0; }
196
+ .flex-shrink-1-m { flex-shrink: 1; }
197
+ }
198
+
199
+ @media #{$breakpoint-large} {
200
+ .flex-l { display: flex; }
201
+ .inline-flex-l { display: inline-flex; }
202
+ .flex-auto-l {
203
+ flex: 1 1 auto;
204
+ min-width: 0; /* 1 */
205
+ min-height: 0; /* 1 */
206
+ }
207
+ .flex-none-l { flex: none; }
208
+ .flex-column-l { flex-direction: column; }
209
+ .flex-row-l { flex-direction: row; }
210
+ .flex-wrap-l { flex-wrap: wrap; }
211
+ .flex-nowrap-l { flex-wrap: nowrap; }
212
+ .flex-wrap-reverse-l { flex-wrap: wrap-reverse; }
213
+ .flex-column-reverse-l { flex-direction: column-reverse; }
214
+ .flex-row-reverse-l { flex-direction: row-reverse; }
215
+
216
+ .items-start-l { align-items: flex-start; }
217
+ .items-end-l { align-items: flex-end; }
218
+ .items-center-l { align-items: center; }
219
+ .items-baseline-l { align-items: baseline; }
220
+ .items-stretch-l { align-items: stretch; }
221
+
222
+ .self-start-l { align-self: flex-start; }
223
+ .self-end-l { align-self: flex-end; }
224
+ .self-center-l { align-self: center; }
225
+ .self-baseline-l { align-self: baseline; }
226
+ .self-stretch-l { align-self: stretch; }
227
+
228
+ .justify-start-l { justify-content: flex-start; }
229
+ .justify-end-l { justify-content: flex-end; }
230
+ .justify-center-l { justify-content: center; }
231
+ .justify-between-l { justify-content: space-between; }
232
+ .justify-around-l { justify-content: space-around; }
233
+
234
+ .content-start-l { align-content: flex-start; }
235
+ .content-end-l { align-content: flex-end; }
236
+ .content-center-l { align-content: center; }
237
+ .content-between-l { align-content: space-between; }
238
+ .content-around-l { align-content: space-around; }
239
+ .content-stretch-l { align-content: stretch; }
240
+
241
+ .order-0-l { order: 0; }
242
+ .order-1-l { order: 1; }
243
+ .order-2-l { order: 2; }
244
+ .order-3-l { order: 3; }
245
+ .order-4-l { order: 4; }
246
+ .order-5-l { order: 5; }
247
+ .order-6-l { order: 6; }
248
+ .order-7-l { order: 7; }
249
+ .order-8-l { order: 8; }
250
+ .order-last-l { order: 99999; }
251
+
252
+ .flex-grow-0-l { flex-grow: 0; }
253
+ .flex-grow-1-l { flex-grow: 1; }
254
+
255
+ .flex-shrink-0-l { flex-shrink: 0; }
256
+ .flex-shrink-1-l { flex-shrink: 1; }
257
+ }
@@ -0,0 +1,56 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ FLOATS
11
+ http://tachyons.io/docs/layout/floats/
12
+
13
+ 1. Floated elements are automatically rendered as block level elements.
14
+ Setting floats to display inline will fix the double margin bug in
15
+ ie6. You know... just in case.
16
+
17
+ 2. Don't forget to clearfix your floats with .cf
18
+
19
+ Base:
20
+ f = float
21
+
22
+ Modifiers:
23
+ l = left
24
+ r = right
25
+ n = none
26
+
27
+ Media Query Extensions:
28
+ -ns = not-small
29
+ -m = medium
30
+ -l = large
31
+
32
+ */
33
+
34
+
35
+
36
+ .fl { float: left; _display: inline; }
37
+ .fr { float: right; _display: inline; }
38
+ .fn { float: none; }
39
+
40
+ @media #{$breakpoint-not-small} {
41
+ .fl-ns { float: left; _display: inline; }
42
+ .fr-ns { float: right; _display: inline; }
43
+ .fn-ns { float: none; }
44
+ }
45
+
46
+ @media #{$breakpoint-medium} {
47
+ .fl-m { float: left; _display: inline; }
48
+ .fr-m { float: right; _display: inline; }
49
+ .fn-m { float: none; }
50
+ }
51
+
52
+ @media #{$breakpoint-large} {
53
+ .fl-l { float: left; _display: inline; }
54
+ .fr-l { float: right; _display: inline; }
55
+ .fn-l { float: none; }
56
+ }
@@ -0,0 +1,99 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ FONT FAMILY GROUPS
11
+ Docs: http://tachyons.io/docs/typography/font-family/
12
+
13
+ */
14
+
15
+
16
+ .sans-serif {
17
+ font-family: $sans-serif;
18
+ }
19
+
20
+ .serif {
21
+ font-family: $serif;
22
+ }
23
+
24
+ .system-sans-serif {
25
+ font-family: sans-serif;
26
+ }
27
+
28
+ .system-serif {
29
+ font-family: serif;
30
+ }
31
+
32
+
33
+ /* Monospaced Typefaces (for code) */
34
+
35
+ /* From http://cssfontstack.com */
36
+ code, .code {
37
+ font-family: Consolas,
38
+ monaco,
39
+ monospace;
40
+ }
41
+
42
+ .courier {
43
+ font-family: 'Courier Next',
44
+ courier,
45
+ monospace;
46
+ }
47
+
48
+
49
+ /* Sans-Serif Typefaces */
50
+
51
+ .helvetica {
52
+ font-family: 'helvetica neue', helvetica,
53
+ sans-serif;
54
+ }
55
+
56
+ .avenir {
57
+ font-family: 'avenir next', avenir,
58
+ sans-serif;
59
+ }
60
+
61
+
62
+ /* Serif Typefaces */
63
+
64
+ .athelas {
65
+ font-family: athelas,
66
+ georgia,
67
+ serif;
68
+ }
69
+
70
+ .georgia {
71
+ font-family: georgia,
72
+ serif;
73
+ }
74
+
75
+ .times {
76
+ font-family: times,
77
+ serif;
78
+ }
79
+
80
+ .bodoni {
81
+ font-family: "Bodoni MT",
82
+ serif;
83
+ }
84
+
85
+ .calisto {
86
+ font-family: "Calisto MT",
87
+ serif;
88
+ }
89
+
90
+ .garamond {
91
+ font-family: garamond,
92
+ serif;
93
+ }
94
+
95
+ .baskerville {
96
+ font-family: baskerville,
97
+ serif;
98
+ }
99
+