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,15 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ STYLES
11
+
12
+ Add custom styles here.
13
+
14
+ */
15
+
@@ -0,0 +1,42 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ TABLES
11
+ Docs: http://tachyons.io/docs/elements/tables/
12
+
13
+ */
14
+
15
+ .collapse {
16
+ border-collapse: collapse;
17
+ border-spacing: 0;
18
+ }
19
+
20
+ .striped--light-silver:nth-child(odd) {
21
+ background-color: $light-silver;
22
+ }
23
+
24
+ .striped--moon-gray:nth-child(odd) {
25
+ background-color: $moon-gray;
26
+ }
27
+
28
+ .striped--light-gray:nth-child(odd) {
29
+ background-color: $light-gray;
30
+ }
31
+
32
+ .striped--near-white:nth-child(odd) {
33
+ background-color: $near-white;
34
+ }
35
+
36
+ .stripe-light:nth-child(odd) {
37
+ background-color: $white-10;
38
+ }
39
+
40
+ .stripe-dark:nth-child(odd) {
41
+ background-color: $black-10;
42
+ }
@@ -0,0 +1,49 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ TEXT ALIGN
11
+ Docs: http://tachyons.io/docs/typography/text-align/
12
+
13
+ Base
14
+ t = text-align
15
+
16
+ Modifiers
17
+ l = left
18
+ r = right
19
+ c = center
20
+
21
+ Media Query Extensions:
22
+ -ns = not-small
23
+ -m = medium
24
+ -l = large
25
+
26
+ */
27
+
28
+ .tl { text-align: left; }
29
+ .tr { text-align: right; }
30
+ .tc { text-align: center; }
31
+
32
+ @media #{$breakpoint-not-small} {
33
+ .tl-ns { text-align: left; }
34
+ .tr-ns { text-align: right; }
35
+ .tc-ns { text-align: center; }
36
+ }
37
+
38
+ @media #{$breakpoint-medium} {
39
+ .tl-m { text-align: left; }
40
+ .tr-m { text-align: right; }
41
+ .tc-m { text-align: center; }
42
+ }
43
+
44
+ @media #{$breakpoint-large} {
45
+ .tl-l { text-align: left; }
46
+ .tr-l { text-align: right; }
47
+ .tc-l { text-align: center; }
48
+ }
49
+
@@ -0,0 +1,42 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ TEXT DECORATION
11
+ Docs: http://tachyons.io/docs/typography/text-decoration/
12
+
13
+
14
+ Media Query Extensions:
15
+ -ns = not-small
16
+ -m = medium
17
+ -l = large
18
+
19
+ */
20
+
21
+ .strike { text-decoration: line-through; }
22
+ .underline { text-decoration: underline; }
23
+ .no-underline { text-decoration: none; }
24
+
25
+
26
+ @media #{$breakpoint-not-small} {
27
+ .strike-ns { text-decoration: line-through; }
28
+ .underline-ns { text-decoration: underline; }
29
+ .no-underline-ns { text-decoration: none; }
30
+ }
31
+
32
+ @media #{$breakpoint-medium} {
33
+ .strike-m { text-decoration: line-through; }
34
+ .underline-m { text-decoration: underline; }
35
+ .no-underline-m { text-decoration: none; }
36
+ }
37
+
38
+ @media #{$breakpoint-large} {
39
+ .strike-l { text-decoration: line-through; }
40
+ .underline-l { text-decoration: underline; }
41
+ .no-underline-l { text-decoration: none; }
42
+ }
@@ -0,0 +1,53 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ TEXT TRANSFORM
11
+ Docs: http://tachyons.io/docs/typography/text-transform/
12
+
13
+ Base:
14
+ tt = text-transform
15
+
16
+ Modifiers
17
+ c = capitalize
18
+ l = lowercase
19
+ u = uppercase
20
+ n = none
21
+
22
+ Media Query Extensions:
23
+ -ns = not-small
24
+ -m = medium
25
+ -l = large
26
+
27
+ */
28
+
29
+ .ttc { text-transform: capitalize; }
30
+ .ttl { text-transform: lowercase; }
31
+ .ttu { text-transform: uppercase; }
32
+ .ttn { text-transform: none; }
33
+
34
+ @media #{$breakpoint-not-small} {
35
+ .ttc-ns { text-transform: capitalize; }
36
+ .ttl-ns { text-transform: lowercase; }
37
+ .ttu-ns { text-transform: uppercase; }
38
+ .ttn-ns { text-transform: none; }
39
+ }
40
+
41
+ @media #{$breakpoint-medium} {
42
+ .ttc-m { text-transform: capitalize; }
43
+ .ttl-m { text-transform: lowercase; }
44
+ .ttu-m { text-transform: uppercase; }
45
+ .ttn-m { text-transform: none; }
46
+ }
47
+
48
+ @media #{$breakpoint-large} {
49
+ .ttc-l { text-transform: capitalize; }
50
+ .ttl-l { text-transform: lowercase; }
51
+ .ttu-l { text-transform: uppercase; }
52
+ .ttn-l { text-transform: none; }
53
+ }
@@ -0,0 +1,102 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ TYPE SCALE
11
+ Docs: http://tachyons.io/docs/typography/scale/
12
+
13
+ Base:
14
+ f = font-size
15
+
16
+ Modifiers
17
+ 1 = 1st step in size scale
18
+ 2 = 2nd step in size scale
19
+ 3 = 3rd step in size scale
20
+ 4 = 4th step in size scale
21
+ 5 = 5th step in size scale
22
+ 6 = 6th step in size scale
23
+
24
+ Media Query Extensions:
25
+ -ns = not-small
26
+ -m = medium
27
+ -l = large
28
+ */
29
+
30
+ /*
31
+ * For Hero/Marketing Titles
32
+ *
33
+ * These generally are too large for mobile
34
+ * so be careful using them on smaller screens.
35
+ * */
36
+
37
+ .f-6,
38
+ .f-headline {
39
+ font-size: $font-size-headline;
40
+ }
41
+ .f-5,
42
+ .f-subheadline {
43
+ font-size: $font-size-subheadline;
44
+ }
45
+
46
+
47
+ /* Type Scale */
48
+
49
+
50
+ .f1 { font-size: $font-size-1; }
51
+ .f2 { font-size: $font-size-2; }
52
+ .f3 { font-size: $font-size-3; }
53
+ .f4 { font-size: $font-size-4; }
54
+ .f5 { font-size: $font-size-5; }
55
+ .f6 { font-size: $font-size-6; }
56
+ .f7 { font-size: $font-size-7; }
57
+
58
+ @media #{$breakpoint-not-small}{
59
+ .f-6-ns,
60
+ .f-headline-ns { font-size: $font-size-headline; }
61
+ .f-5-ns,
62
+ .f-subheadline-ns { font-size: $font-size-subheadline; }
63
+ .f1-ns { font-size: $font-size-1; }
64
+ .f2-ns { font-size: $font-size-2; }
65
+ .f3-ns { font-size: $font-size-3; }
66
+ .f4-ns { font-size: $font-size-4; }
67
+ .f5-ns { font-size: $font-size-5; }
68
+ .f6-ns { font-size: $font-size-6; }
69
+ .f7-ns { font-size: $font-size-7; }
70
+ }
71
+
72
+ @media #{$breakpoint-medium} {
73
+ .f-6-m,
74
+ .f-headline-m { font-size: $font-size-headline; }
75
+ .f-5-m,
76
+ .f-subheadline-m { font-size: $font-size-subheadline; }
77
+ .f1-m { font-size: $font-size-1; }
78
+ .f2-m { font-size: $font-size-2; }
79
+ .f3-m { font-size: $font-size-3; }
80
+ .f4-m { font-size: $font-size-4; }
81
+ .f5-m { font-size: $font-size-5; }
82
+ .f6-m { font-size: $font-size-6; }
83
+ .f7-m { font-size: $font-size-7; }
84
+ }
85
+
86
+ @media #{$breakpoint-large} {
87
+ .f-6-l,
88
+ .f-headline-l {
89
+ font-size: $font-size-headline;
90
+ }
91
+ .f-5-l,
92
+ .f-subheadline-l {
93
+ font-size: $font-size-subheadline;
94
+ }
95
+ .f1-l { font-size: $font-size-1; }
96
+ .f2-l { font-size: $font-size-2; }
97
+ .f3-l { font-size: $font-size-3; }
98
+ .f4-l { font-size: $font-size-4; }
99
+ .f5-l { font-size: $font-size-5; }
100
+ .f6-l { font-size: $font-size-6; }
101
+ .f7-l { font-size: $font-size-7; }
102
+ }
@@ -0,0 +1,129 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ TYPOGRAPHY
11
+ http://tachyons.io/docs/typography/measure/
12
+
13
+ Media Query Extensions:
14
+ -ns = not-small
15
+ -m = medium
16
+ -l = large
17
+
18
+ */
19
+
20
+
21
+
22
+ /* Measure is limited to ~66 characters */
23
+ .measure {
24
+ max-width: $measure;
25
+ }
26
+
27
+ /* Measure is limited to ~80 characters */
28
+ .measure-wide {
29
+ max-width: $measure-wide;
30
+ }
31
+
32
+ /* Measure is limited to ~45 characters */
33
+ .measure-narrow {
34
+ max-width: $measure-narrow;
35
+ }
36
+
37
+ /* Book paragraph style - paragraphs are indented with no vertical spacing. */
38
+ .indent {
39
+ text-indent: 1em;
40
+ margin-top: 0;
41
+ margin-bottom: 0;
42
+ }
43
+
44
+ .small-caps {
45
+ font-variant: small-caps;
46
+ }
47
+
48
+ /* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
49
+
50
+ .truncate {
51
+ white-space: nowrap;
52
+ overflow: hidden;
53
+ text-overflow: ellipsis;
54
+ }
55
+
56
+ @media #{$breakpoint-not-small} {
57
+ .measure-ns {
58
+ max-width: $measure;
59
+ }
60
+ .measure-wide-ns {
61
+ max-width: $measure-wide;
62
+ }
63
+ .measure-narrow-ns {
64
+ max-width: $measure-narrow;
65
+ }
66
+ .indent-ns {
67
+ text-indent: 1em;
68
+ margin-top: 0;
69
+ margin-bottom: 0;
70
+ }
71
+ .small-caps-ns {
72
+ font-variant: small-caps;
73
+ }
74
+ .truncate-ns {
75
+ white-space: nowrap;
76
+ overflow: hidden;
77
+ text-overflow: ellipsis;
78
+ }
79
+ }
80
+
81
+ @media #{$breakpoint-medium} {
82
+ .measure-m {
83
+ max-width: $measure;
84
+ }
85
+ .measure-wide-m {
86
+ max-width: $measure-wide;
87
+ }
88
+ .measure-narrow-m {
89
+ max-width: $measure-narrow;
90
+ }
91
+ .indent-m {
92
+ text-indent: 1em;
93
+ margin-top: 0;
94
+ margin-bottom: 0;
95
+ }
96
+ .small-caps-m {
97
+ font-variant: small-caps;
98
+ }
99
+ .truncate-m {
100
+ white-space: nowrap;
101
+ overflow: hidden;
102
+ text-overflow: ellipsis;
103
+ }
104
+ }
105
+
106
+ @media #{$breakpoint-large} {
107
+ .measure-l {
108
+ max-width: $measure;
109
+ }
110
+ .measure-wide-l {
111
+ max-width: $measure-wide;
112
+ }
113
+ .measure-narrow-l {
114
+ max-width: $measure-narrow;
115
+ }
116
+ .indent-l {
117
+ text-indent: 1em;
118
+ margin-top: 0;
119
+ margin-bottom: 0;
120
+ }
121
+ .small-caps-l {
122
+ font-variant: small-caps;
123
+ }
124
+ .truncate-l {
125
+ white-space: nowrap;
126
+ overflow: hidden;
127
+ text-overflow: ellipsis;
128
+ }
129
+ }
@@ -0,0 +1,57 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ UTILITIES
11
+
12
+ Media Query Extensions:
13
+ -ns = not-small
14
+ -m = medium
15
+ -l = large
16
+
17
+ */
18
+
19
+ /* Equivalent to .overflow-y-scroll */
20
+ .overflow-container {
21
+ overflow-y: scroll;
22
+ }
23
+
24
+ .center {
25
+ margin-right: auto;
26
+ margin-left: auto;
27
+ }
28
+
29
+ .mr-auto { margin-right: auto; }
30
+ .ml-auto { margin-left: auto; }
31
+
32
+ @media #{$breakpoint-not-small}{
33
+ .center-ns {
34
+ margin-right: auto;
35
+ margin-left: auto;
36
+ }
37
+ .mr-auto-ns { margin-right: auto; }
38
+ .ml-auto-ns { margin-left: auto; }
39
+ }
40
+
41
+ @media #{$breakpoint-medium}{
42
+ .center-m {
43
+ margin-right: auto;
44
+ margin-left: auto;
45
+ }
46
+ .mr-auto-m { margin-right: auto; }
47
+ .ml-auto-m { margin-left: auto; }
48
+ }
49
+
50
+ @media #{$breakpoint-large}{
51
+ .center-l {
52
+ margin-right: auto;
53
+ margin-left: auto;
54
+ }
55
+ .mr-auto-l { margin-right: auto; }
56
+ .ml-auto-l { margin-left: auto; }
57
+ }