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,93 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ BORDER COLORS
11
+ Docs: http://tachyons.io/docs/themes/borders/
12
+
13
+ Border colors can be used to extend the base
14
+ border classes ba,bt,bb,br,bl found in the _borders.css file.
15
+
16
+ The base border class by default will set the color of the border
17
+ to that of the current text color. These classes are for the cases
18
+ where you desire for the text and border colors to be different.
19
+
20
+ Base:
21
+ b = border
22
+
23
+ Modifiers:
24
+ --color-name = each color variable name is also a border color name
25
+
26
+ */
27
+
28
+ .b--black { border-color: $black; }
29
+ .b--near-black { border-color: $near-black; }
30
+ .b--dark-gray { border-color: $dark-gray; }
31
+ .b--mid-gray { border-color: $mid-gray; }
32
+ .b--gray { border-color: $gray; }
33
+ .b--silver { border-color: $silver; }
34
+ .b--light-silver { border-color: $light-silver; }
35
+ .b--moon-gray { border-color: $moon-gray; }
36
+ .b--light-gray { border-color: $light-gray; }
37
+ .b--near-white { border-color: $near-white; }
38
+ .b--white { border-color: $white; }
39
+
40
+ .b--white-90 { border-color: $white-90; }
41
+ .b--white-80 { border-color: $white-80; }
42
+ .b--white-70 { border-color: $white-70; }
43
+ .b--white-60 { border-color: $white-60; }
44
+ .b--white-50 { border-color: $white-50; }
45
+ .b--white-40 { border-color: $white-40; }
46
+ .b--white-30 { border-color: $white-30; }
47
+ .b--white-20 { border-color: $white-20; }
48
+ .b--white-10 { border-color: $white-10; }
49
+ .b--white-05 { border-color: $white-05; }
50
+ .b--white-025 { border-color: $white-025; }
51
+ .b--white-0125 { border-color: $white-0125; }
52
+
53
+ .b--black-90 { border-color: $black-90; }
54
+ .b--black-80 { border-color: $black-80; }
55
+ .b--black-70 { border-color: $black-70; }
56
+ .b--black-60 { border-color: $black-60; }
57
+ .b--black-50 { border-color: $black-50; }
58
+ .b--black-40 { border-color: $black-40; }
59
+ .b--black-30 { border-color: $black-30; }
60
+ .b--black-20 { border-color: $black-20; }
61
+ .b--black-10 { border-color: $black-10; }
62
+ .b--black-05 { border-color: $black-05; }
63
+ .b--black-025 { border-color: $black-025; }
64
+ .b--black-0125 { border-color: $black-0125; }
65
+
66
+ .b--dark-red { border-color: $dark-red; }
67
+ .b--red { border-color: $red; }
68
+ .b--light-red { border-color: $light-red; }
69
+ .b--orange { border-color: $orange; }
70
+ .b--gold { border-color: $gold; }
71
+ .b--yellow { border-color: $yellow; }
72
+ .b--light-yellow { border-color: $light-yellow; }
73
+ .b--purple { border-color: $purple; }
74
+ .b--light-purple { border-color: $light-purple; }
75
+ .b--dark-pink { border-color: $dark-pink; }
76
+ .b--hot-pink { border-color: $hot-pink; }
77
+ .b--pink { border-color: $pink; }
78
+ .b--light-pink { border-color: $light-pink; }
79
+ .b--dark-green { border-color: $dark-green; }
80
+ .b--green { border-color: $green; }
81
+ .b--light-green { border-color: $light-green; }
82
+ .b--navy { border-color: $navy; }
83
+ .b--dark-blue { border-color: $dark-blue; }
84
+ .b--blue { border-color: $blue; }
85
+ .b--light-blue { border-color: $light-blue; }
86
+ .b--lightest-blue { border-color: $lightest-blue; }
87
+ .b--washed-blue { border-color: $washed-blue; }
88
+ .b--washed-green { border-color: $washed-green; }
89
+ .b--washed-yellow { border-color: $washed-yellow; }
90
+ .b--washed-red { border-color: $washed-red; }
91
+
92
+ .b--transparent { border-color: $transparent; }
93
+ .b--inherit { border-color: inherit; }
@@ -0,0 +1,134 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ BORDER RADIUS
11
+ Docs: http://tachyons.io/docs/themes/border-radius/
12
+
13
+ Base:
14
+ br = border-radius
15
+
16
+ Modifiers:
17
+ 0 = 0/none
18
+ 1 = 1st step in scale
19
+ 2 = 2nd step in scale
20
+ 3 = 3rd step in scale
21
+ 4 = 4th step in scale
22
+
23
+ Literal values:
24
+ -100 = 100%
25
+ -pill = 9999px
26
+
27
+ Media Query Extensions:
28
+ -ns = not-small
29
+ -m = medium
30
+ -l = large
31
+
32
+ */
33
+
34
+ .br0 { border-radius: $border-radius-none }
35
+ .br1 { border-radius: $border-radius-1; }
36
+ .br2 { border-radius: $border-radius-2; }
37
+ .br3 { border-radius: $border-radius-3; }
38
+ .br4 { border-radius: $border-radius-4; }
39
+ .br-100 { border-radius: $border-radius-circle; }
40
+ .br-pill { border-radius: $border-radius-pill; }
41
+ .br--bottom {
42
+ border-top-left-radius: 0;
43
+ border-top-right-radius: 0;
44
+ }
45
+ .br--top {
46
+ border-bottom-left-radius: 0;
47
+ border-bottom-right-radius: 0;
48
+ }
49
+ .br--right {
50
+ border-top-left-radius: 0;
51
+ border-bottom-left-radius: 0;
52
+ }
53
+ .br--left {
54
+ border-top-right-radius: 0;
55
+ border-bottom-right-radius: 0;
56
+ }
57
+
58
+ @media #{$breakpoint-not-small} {
59
+ .br0-ns { border-radius: $border-radius-none }
60
+ .br1-ns { border-radius: $border-radius-1; }
61
+ .br2-ns { border-radius: $border-radius-2; }
62
+ .br3-ns { border-radius: $border-radius-3; }
63
+ .br4-ns { border-radius: $border-radius-4; }
64
+ .br-100-ns { border-radius: $border-radius-circle; }
65
+ .br-pill-ns { border-radius: $border-radius-pill; }
66
+ .br--bottom-ns {
67
+ border-top-left-radius: 0;
68
+ border-top-right-radius: 0;
69
+ }
70
+ .br--top-ns {
71
+ border-bottom-left-radius: 0;
72
+ border-bottom-right-radius: 0;
73
+ }
74
+ .br--right-ns {
75
+ border-top-left-radius: 0;
76
+ border-bottom-left-radius: 0;
77
+ }
78
+ .br--left-ns {
79
+ border-top-right-radius: 0;
80
+ border-bottom-right-radius: 0;
81
+ }
82
+ }
83
+
84
+ @media #{$breakpoint-medium} {
85
+ .br0-m { border-radius: $border-radius-none }
86
+ .br1-m { border-radius: $border-radius-1; }
87
+ .br2-m { border-radius: $border-radius-2; }
88
+ .br3-m { border-radius: $border-radius-3; }
89
+ .br4-m { border-radius: $border-radius-4; }
90
+ .br-100-m { border-radius: $border-radius-circle; }
91
+ .br-pill-m { border-radius: $border-radius-pill; }
92
+ .br--bottom-m {
93
+ border-top-left-radius: 0;
94
+ border-top-right-radius: 0;
95
+ }
96
+ .br--top-m {
97
+ border-bottom-left-radius: 0;
98
+ border-bottom-right-radius: 0;
99
+ }
100
+ .br--right-m {
101
+ border-top-left-radius: 0;
102
+ border-bottom-left-radius: 0;
103
+ }
104
+ .br--left-m {
105
+ border-top-right-radius: 0;
106
+ border-bottom-right-radius: 0;
107
+ }
108
+ }
109
+
110
+ @media #{$breakpoint-large} {
111
+ .br0-l { border-radius: $border-radius-none }
112
+ .br1-l { border-radius: $border-radius-1; }
113
+ .br2-l { border-radius: $border-radius-2; }
114
+ .br3-l { border-radius: $border-radius-3; }
115
+ .br4-l { border-radius: $border-radius-4; }
116
+ .br-100-l { border-radius: $border-radius-circle; }
117
+ .br-pill-l { border-radius: $border-radius-pill; }
118
+ .br--bottom-l {
119
+ border-radius-top-left: 0;
120
+ border-radius-top-right: 0;
121
+ }
122
+ .br--top-l {
123
+ border-bottom-left-radius: 0;
124
+ border-bottom-right-radius: 0;
125
+ }
126
+ .br--right-l {
127
+ border-top-left-radius: 0;
128
+ border-bottom-left-radius: 0;
129
+ }
130
+ .br--left-l {
131
+ border-top-right-radius: 0;
132
+ border-bottom-right-radius: 0;
133
+ }
134
+ }
@@ -0,0 +1,55 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ BORDER STYLES
11
+ Docs: http://tachyons.io/docs/themes/borders/
12
+
13
+ Depends on base border module in _borders.css
14
+
15
+ Base:
16
+ b = border-style
17
+
18
+ Modifiers:
19
+ --none = none
20
+ --dotted = dotted
21
+ --dashed = dashed
22
+ --solid = solid
23
+
24
+ Media Query Extensions:
25
+ -ns = not-small
26
+ -m = medium
27
+ -l = large
28
+
29
+ */
30
+
31
+ .b--dotted { border-style: dotted; }
32
+ .b--dashed { border-style: dashed; }
33
+ .b--solid { border-style: solid; }
34
+ .b--none { border-style: none; }
35
+
36
+ @media #{$breakpoint-not-small} {
37
+ .b--dotted-ns { border-style: dotted; }
38
+ .b--dashed-ns { border-style: dashed; }
39
+ .b--solid-ns { border-style: solid; }
40
+ .b--none-ns { border-style: none; }
41
+ }
42
+
43
+ @media #{$breakpoint-medium} {
44
+ .b--dotted-m { border-style: dotted; }
45
+ .b--dashed-m { border-style: dashed; }
46
+ .b--solid-m { border-style: solid; }
47
+ .b--none-m { border-style: none; }
48
+ }
49
+
50
+ @media #{$breakpoint-large} {
51
+ .b--dotted-l { border-style: dotted; }
52
+ .b--dashed-l { border-style: dashed; }
53
+ .b--solid-l { border-style: solid; }
54
+ .b--none-l { border-style: none; }
55
+ }
@@ -0,0 +1,81 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ BORDER WIDTHS
11
+ Docs: http://tachyons.io/docs/themes/borders/
12
+
13
+ Base:
14
+ bw = border-width
15
+
16
+ Modifiers:
17
+ 0 = 0 width border
18
+ 1 = 1st step in border-width scale
19
+ 2 = 2nd step in border-width scale
20
+ 3 = 3rd step in border-width scale
21
+ 4 = 4th step in border-width scale
22
+ 5 = 5th step in border-width scale
23
+
24
+ Media Query Extensions:
25
+ -ns = not-small
26
+ -m = medium
27
+ -l = large
28
+
29
+ */
30
+
31
+ .bw0 { border-width: $border-width-none; }
32
+ .bw1 { border-width: $border-width-1; }
33
+ .bw2 { border-width: $border-width-2; }
34
+ .bw3 { border-width: $border-width-3; }
35
+ .bw4 { border-width: $border-width-4; }
36
+ .bw5 { border-width: $border-width-5; }
37
+
38
+ /* Resets */
39
+ .bt-0 { border-top-width: $border-width-none }
40
+ .br-0 { border-right-width: $border-width-none }
41
+ .bb-0 { border-bottom-width: $border-width-none }
42
+ .bl-0 { border-left-width: $border-width-none }
43
+
44
+ @media #{$breakpoint-not-small} {
45
+ .bw0-ns { border-width: $border-width-none; }
46
+ .bw1-ns { border-width: $border-width-1; }
47
+ .bw2-ns { border-width: $border-width-2; }
48
+ .bw3-ns { border-width: $border-width-3; }
49
+ .bw4-ns { border-width: $border-width-4; }
50
+ .bw5-ns { border-width: $border-width-5; }
51
+ .bt-0-ns { border-top-width: $border-width-none }
52
+ .br-0-ns { border-right-width: $border-width-none }
53
+ .bb-0-ns { border-bottom-width: $border-width-none }
54
+ .bl-0-ns { border-left-width: $border-width-none }
55
+ }
56
+
57
+ @media #{$breakpoint-medium} {
58
+ .bw0-m { border-width: $border-width-none; }
59
+ .bw1-m { border-width: $border-width-1; }
60
+ .bw2-m { border-width: $border-width-2; }
61
+ .bw3-m { border-width: $border-width-3; }
62
+ .bw4-m { border-width: $border-width-4; }
63
+ .bw5-m { border-width: $border-width-5; }
64
+ .bt-0-m { border-top-width: $border-width-none }
65
+ .br-0-m { border-right-width: $border-width-none }
66
+ .bb-0-m { border-bottom-width: $border-width-none }
67
+ .bl-0-m { border-left-width: $border-width-none }
68
+ }
69
+
70
+ @media #{$breakpoint-large} {
71
+ .bw0-l { border-width: $border-width-none; }
72
+ .bw1-l { border-width: $border-width-1; }
73
+ .bw2-l { border-width: $border-width-2; }
74
+ .bw3-l { border-width: $border-width-3; }
75
+ .bw4-l { border-width: $border-width-4; }
76
+ .bw5-l { border-width: $border-width-5; }
77
+ .bt-0-l { border-top-width: $border-width-none }
78
+ .br-0-l { border-right-width: $border-width-none }
79
+ .bb-0-l { border-bottom-width: $border-width-none }
80
+ .bl-0-l { border-left-width: $border-width-none }
81
+ }
@@ -0,0 +1,65 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ BORDERS
11
+ Docs: http://tachyons.io/docs/themes/borders/
12
+
13
+ Base:
14
+ b = border
15
+
16
+ Modifiers:
17
+ a = all
18
+ t = top
19
+ r = right
20
+ b = bottom
21
+ l = left
22
+ n = none
23
+
24
+ Media Query Extensions:
25
+ -ns = not-small
26
+ -m = medium
27
+ -l = large
28
+
29
+ */
30
+
31
+ .ba { border-style: solid; border-width: 1px; }
32
+ .bt { border-top-style: solid; border-top-width: 1px; }
33
+ .br { border-right-style: solid; border-right-width: 1px; }
34
+ .bb { border-bottom-style: solid; border-bottom-width: 1px; }
35
+ .bl { border-left-style: solid; border-left-width: 1px; }
36
+ .bn { border-style: none; border-width: 0; }
37
+
38
+
39
+ @media #{$breakpoint-not-small} {
40
+ .ba-ns { border-style: solid; border-width: 1px; }
41
+ .bt-ns { border-top-style: solid; border-top-width: 1px; }
42
+ .br-ns { border-right-style: solid; border-right-width: 1px; }
43
+ .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
44
+ .bl-ns { border-left-style: solid; border-left-width: 1px; }
45
+ .bn-ns { border-style: none; border-width: 0; }
46
+ }
47
+
48
+ @media #{$breakpoint-medium} {
49
+ .ba-m { border-style: solid; border-width: 1px; }
50
+ .bt-m { border-top-style: solid; border-top-width: 1px; }
51
+ .br-m { border-right-style: solid; border-right-width: 1px; }
52
+ .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
53
+ .bl-m { border-left-style: solid; border-left-width: 1px; }
54
+ .bn-m { border-style: none; border-width: 0; }
55
+ }
56
+
57
+ @media #{$breakpoint-large} {
58
+ .ba-l { border-style: solid; border-width: 1px; }
59
+ .bt-l { border-top-style: solid; border-top-width: 1px; }
60
+ .br-l { border-right-style: solid; border-right-width: 1px; }
61
+ .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
62
+ .bl-l { border-left-style: solid; border-left-width: 1px; }
63
+ .bn-l { border-style: none; border-width: 0; }
64
+ }
65
+
@@ -0,0 +1,48 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ BOX-SHADOW
11
+ Docs: http://tachyons.io/docs/themes/box-shadow/
12
+
13
+ Media Query Extensions:
14
+ -ns = not-small
15
+ -m = medium
16
+ -l = large
17
+
18
+ */
19
+
20
+ .shadow-1 { box-shadow: $box-shadow-1; }
21
+ .shadow-2 { box-shadow: $box-shadow-2; }
22
+ .shadow-3 { box-shadow: $box-shadow-3; }
23
+ .shadow-4 { box-shadow: $box-shadow-4; }
24
+ .shadow-5 { box-shadow: $box-shadow-5; }
25
+
26
+ @media #{$breakpoint-not-small} {
27
+ .shadow-1-ns { box-shadow: $box-shadow-1; }
28
+ .shadow-2-ns { box-shadow: $box-shadow-2; }
29
+ .shadow-3-ns { box-shadow: $box-shadow-3; }
30
+ .shadow-4-ns { box-shadow: $box-shadow-4; }
31
+ .shadow-5-ns { box-shadow: $box-shadow-5; }
32
+ }
33
+
34
+ @media #{$breakpoint-medium} {
35
+ .shadow-1-m { box-shadow: $box-shadow-1; }
36
+ .shadow-2-m { box-shadow: $box-shadow-2; }
37
+ .shadow-3-m { box-shadow: $box-shadow-3; }
38
+ .shadow-4-m { box-shadow: $box-shadow-4; }
39
+ .shadow-5-m { box-shadow: $box-shadow-5; }
40
+ }
41
+
42
+ @media #{$breakpoint-large} {
43
+ .shadow-1-l { box-shadow: $box-shadow-1; }
44
+ .shadow-2-l { box-shadow: $box-shadow-2; }
45
+ .shadow-3-l { box-shadow: $box-shadow-3; }
46
+ .shadow-4-l { box-shadow: $box-shadow-4; }
47
+ .shadow-5-l { box-shadow: $box-shadow-5; }
48
+ }