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,18 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ IMAGES
11
+ Docs: http://tachyons.io/docs/elements/images/
12
+
13
+ */
14
+
15
+ /* Responsive images! */
16
+
17
+ img { max-width: 100%; }
18
+
@@ -0,0 +1,40 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ LETTER SPACING
11
+ Docs: http://tachyons.io/docs/typography/tracking/
12
+
13
+ Media Query Extensions:
14
+ -ns = not-small
15
+ -m = medium
16
+ -l = large
17
+
18
+ */
19
+
20
+ .tracked { letter-spacing: $letter-spacing-1; }
21
+ .tracked-tight { letter-spacing: $letter-spacing-tight; }
22
+ .tracked-mega { letter-spacing: $letter-spacing-2; }
23
+
24
+ @media #{$breakpoint-not-small} {
25
+ .tracked-ns { letter-spacing: $letter-spacing-1; }
26
+ .tracked-tight-ns { letter-spacing: $letter-spacing-tight; }
27
+ .tracked-mega-ns { letter-spacing: $letter-spacing-2; }
28
+ }
29
+
30
+ @media #{$breakpoint-medium} {
31
+ .tracked-m { letter-spacing: $letter-spacing-1; }
32
+ .tracked-tight-m { letter-spacing: $letter-spacing-tight; }
33
+ .tracked-mega-m { letter-spacing: $letter-spacing-2; }
34
+ }
35
+
36
+ @media #{$breakpoint-large} {
37
+ .tracked-l { letter-spacing: $letter-spacing-1; }
38
+ .tracked-tight-l { letter-spacing: $letter-spacing-tight; }
39
+ .tracked-mega-l { letter-spacing: $letter-spacing-2; }
40
+ }
@@ -0,0 +1,41 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ LINE HEIGHT / LEADING
11
+ Docs: http://tachyons.io/docs/typography/line-height
12
+
13
+ Media Query Extensions:
14
+ -ns = not-small
15
+ -m = medium
16
+ -l = large
17
+
18
+ */
19
+
20
+ .lh-solid { line-height: $line-height-solid; }
21
+ .lh-title { line-height: $line-height-title; }
22
+ .lh-copy { line-height: $line-height-copy; }
23
+
24
+ @media #{$breakpoint-not-small} {
25
+ .lh-solid-ns { line-height: $line-height-solid; }
26
+ .lh-title-ns { line-height: $line-height-title; }
27
+ .lh-copy-ns { line-height: $line-height-copy; }
28
+ }
29
+
30
+ @media #{$breakpoint-medium} {
31
+ .lh-solid-m { line-height: $line-height-solid; }
32
+ .lh-title-m { line-height: $line-height-title; }
33
+ .lh-copy-m { line-height: $line-height-copy; }
34
+ }
35
+
36
+ @media #{$breakpoint-large} {
37
+ .lh-solid-l { line-height: $line-height-solid; }
38
+ .lh-title-l { line-height: $line-height-title; }
39
+ .lh-copy-l { line-height: $line-height-copy; }
40
+ }
41
+
@@ -0,0 +1,34 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ LINKS
11
+ Docs: http://tachyons.io/docs/elements/links/
12
+
13
+ */
14
+
15
+ .link {
16
+ text-decoration: none;
17
+ transition: color .15s ease-in;
18
+ }
19
+
20
+ .link:link,
21
+ .link:visited {
22
+ transition: color .15s ease-in;
23
+ }
24
+ .link:hover {
25
+ transition: color .15s ease-in;
26
+ }
27
+ .link:active {
28
+ transition: color .15s ease-in;
29
+ }
30
+ .link:focus {
31
+ transition: color .15s ease-in;
32
+ outline: 1px dotted currentColor;
33
+ }
34
+
@@ -0,0 +1,15 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ LISTS
11
+ http://tachyons.io/docs/elements/lists/
12
+
13
+ */
14
+
15
+ .list { list-style-type: none; }
@@ -0,0 +1,105 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ MAX WIDTHS
11
+ Docs: http://tachyons.io/docs/layout/max-widths/
12
+
13
+ Base:
14
+ mw = max-width
15
+
16
+ Modifiers
17
+ 1 = 1st step in width scale
18
+ 2 = 2nd step in width scale
19
+ 3 = 3rd step in width scale
20
+ 4 = 4th step in width scale
21
+ 5 = 5th step in width scale
22
+ 6 = 6st step in width scale
23
+ 7 = 7nd step in width scale
24
+ 8 = 8rd step in width scale
25
+ 9 = 9th step in width scale
26
+
27
+ -100 = literal value 100%
28
+
29
+ -none = string value none
30
+
31
+
32
+ Media Query Extensions:
33
+ -ns = not-small
34
+ -m = medium
35
+ -l = large
36
+
37
+ */
38
+
39
+ /* Max Width Percentages */
40
+
41
+ .mw-100 { max-width: 100%; }
42
+
43
+ /* Max Width Scale */
44
+
45
+ .mw1 { max-width: $max-width-1; }
46
+ .mw2 { max-width: $max-width-2; }
47
+ .mw3 { max-width: $max-width-3; }
48
+ .mw4 { max-width: $max-width-4; }
49
+ .mw5 { max-width: $max-width-5; }
50
+ .mw6 { max-width: $max-width-6; }
51
+ .mw7 { max-width: $max-width-7; }
52
+ .mw8 { max-width: $max-width-8; }
53
+ .mw9 { max-width: $max-width-9; }
54
+
55
+ /* Max Width String Properties */
56
+
57
+ .mw-none { max-width: none; }
58
+
59
+ @media #{$breakpoint-not-small} {
60
+ .mw-100-ns { max-width: 100%; }
61
+
62
+ .mw1-ns { max-width: $max-width-1; }
63
+ .mw2-ns { max-width: $max-width-2; }
64
+ .mw3-ns { max-width: $max-width-3; }
65
+ .mw4-ns { max-width: $max-width-4; }
66
+ .mw5-ns { max-width: $max-width-5; }
67
+ .mw6-ns { max-width: $max-width-6; }
68
+ .mw7-ns { max-width: $max-width-7; }
69
+ .mw8-ns { max-width: $max-width-8; }
70
+ .mw9-ns { max-width: $max-width-9; }
71
+
72
+ .mw-none-ns { max-width: none; }
73
+ }
74
+
75
+ @media #{$breakpoint-medium} {
76
+ .mw-100-m { max-width: 100%; }
77
+
78
+ .mw1-m { max-width: $max-width-1; }
79
+ .mw2-m { max-width: $max-width-2; }
80
+ .mw3-m { max-width: $max-width-3; }
81
+ .mw4-m { max-width: $max-width-4; }
82
+ .mw5-m { max-width: $max-width-5; }
83
+ .mw6-m { max-width: $max-width-6; }
84
+ .mw7-m { max-width: $max-width-7; }
85
+ .mw8-m { max-width: $max-width-8; }
86
+ .mw9-m { max-width: $max-width-9; }
87
+
88
+ .mw-none-m { max-width: none; }
89
+ }
90
+
91
+ @media #{$breakpoint-large} {
92
+ .mw-100-l { max-width: 100%; }
93
+
94
+ .mw1-l { max-width: $max-width-1; }
95
+ .mw2-l { max-width: $max-width-2; }
96
+ .mw3-l { max-width: $max-width-3; }
97
+ .mw4-l { max-width: $max-width-4; }
98
+ .mw5-l { max-width: $max-width-5; }
99
+ .mw6-l { max-width: $max-width-6; }
100
+ .mw7-l { max-width: $max-width-7; }
101
+ .mw8-l { max-width: $max-width-8; }
102
+ .mw9-l { max-width: $max-width-9; }
103
+
104
+ .mw-none-l { max-width: none; }
105
+ }
@@ -0,0 +1,29 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ MODULE NAME
11
+
12
+ Use this scaffolding to create or extend your own modules with tachyons
13
+ style architecture.
14
+
15
+ */
16
+
17
+
18
+ @media #{$breakpoint-not-small} {
19
+
20
+ }
21
+
22
+ @media #{$breakpoint-medium} {
23
+
24
+ }
25
+
26
+ @media #{$breakpoint-large} {
27
+
28
+ }
29
+
@@ -0,0 +1,205 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+ NEGATIVE MARGINS
10
+
11
+ Base:
12
+ n = negative
13
+
14
+ Modifiers:
15
+ a = all
16
+ t = top
17
+ r = right
18
+ b = bottom
19
+ l = left
20
+
21
+ 1 = 1st step in spacing scale
22
+ 2 = 2nd step in spacing scale
23
+ 3 = 3rd step in spacing scale
24
+ 4 = 4th step in spacing scale
25
+ 5 = 5th step in spacing scale
26
+ 6 = 6th step in spacing scale
27
+ 7 = 7th step in spacing scale
28
+
29
+ Media Query Extensions:
30
+ -ns = not-small
31
+ -m = medium
32
+ -l = large
33
+
34
+ */
35
+
36
+
37
+
38
+ .na1 { margin: -$spacing-extra-small; }
39
+ .na2 { margin: -$spacing-small; }
40
+ .na3 { margin: -$spacing-medium; }
41
+ .na4 { margin: -$spacing-large; }
42
+ .na5 { margin: -$spacing-extra-large; }
43
+ .na6 { margin: -$spacing-extra-extra-large; }
44
+ .na7 { margin: -$spacing-extra-extra-extra-large; }
45
+
46
+ .nl1 { margin-left: -$spacing-extra-small; }
47
+ .nl2 { margin-left: -$spacing-small; }
48
+ .nl3 { margin-left: -$spacing-medium; }
49
+ .nl4 { margin-left: -$spacing-large; }
50
+ .nl5 { margin-left: -$spacing-extra-large; }
51
+ .nl6 { margin-left: -$spacing-extra-extra-large; }
52
+ .nl7 { margin-left: -$spacing-extra-extra-extra-large; }
53
+
54
+ .nr1 { margin-right: -$spacing-extra-small; }
55
+ .nr2 { margin-right: -$spacing-small; }
56
+ .nr3 { margin-right: -$spacing-medium; }
57
+ .nr4 { margin-right: -$spacing-large; }
58
+ .nr5 { margin-right: -$spacing-extra-large; }
59
+ .nr6 { margin-right: -$spacing-extra-extra-large; }
60
+ .nr7 { margin-right: -$spacing-extra-extra-extra-large; }
61
+
62
+ .nb1 { margin-bottom: -$spacing-extra-small; }
63
+ .nb2 { margin-bottom: -$spacing-small; }
64
+ .nb3 { margin-bottom: -$spacing-medium; }
65
+ .nb4 { margin-bottom: -$spacing-large; }
66
+ .nb5 { margin-bottom: -$spacing-extra-large; }
67
+ .nb6 { margin-bottom: -$spacing-extra-extra-large; }
68
+ .nb7 { margin-bottom: -$spacing-extra-extra-extra-large; }
69
+
70
+ .nt1 { margin-top: -$spacing-extra-small; }
71
+ .nt2 { margin-top: -$spacing-small; }
72
+ .nt3 { margin-top: -$spacing-medium; }
73
+ .nt4 { margin-top: -$spacing-large; }
74
+ .nt5 { margin-top: -$spacing-extra-large; }
75
+ .nt6 { margin-top: -$spacing-extra-extra-large; }
76
+ .nt7 { margin-top: -$spacing-extra-extra-extra-large; }
77
+
78
+ @media #{$breakpoint-not-small} {
79
+
80
+ .na1-ns { margin: -$spacing-extra-small; }
81
+ .na2-ns { margin: -$spacing-small; }
82
+ .na3-ns { margin: -$spacing-medium; }
83
+ .na4-ns { margin: -$spacing-large; }
84
+ .na5-ns { margin: -$spacing-extra-large; }
85
+ .na6-ns { margin: -$spacing-extra-extra-large; }
86
+ .na7-ns { margin: -$spacing-extra-extra-extra-large; }
87
+
88
+ .nl1-ns { margin-left: -$spacing-extra-small; }
89
+ .nl2-ns { margin-left: -$spacing-small; }
90
+ .nl3-ns { margin-left: -$spacing-medium; }
91
+ .nl4-ns { margin-left: -$spacing-large; }
92
+ .nl5-ns { margin-left: -$spacing-extra-large; }
93
+ .nl6-ns { margin-left: -$spacing-extra-extra-large; }
94
+ .nl7-ns { margin-left: -$spacing-extra-extra-extra-large; }
95
+
96
+ .nr1-ns { margin-right: -$spacing-extra-small; }
97
+ .nr2-ns { margin-right: -$spacing-small; }
98
+ .nr3-ns { margin-right: -$spacing-medium; }
99
+ .nr4-ns { margin-right: -$spacing-large; }
100
+ .nr5-ns { margin-right: -$spacing-extra-large; }
101
+ .nr6-ns { margin-right: -$spacing-extra-extra-large; }
102
+ .nr7-ns { margin-right: -$spacing-extra-extra-extra-large; }
103
+
104
+ .nb1-ns { margin-bottom: -$spacing-extra-small; }
105
+ .nb2-ns { margin-bottom: -$spacing-small; }
106
+ .nb3-ns { margin-bottom: -$spacing-medium; }
107
+ .nb4-ns { margin-bottom: -$spacing-large; }
108
+ .nb5-ns { margin-bottom: -$spacing-extra-large; }
109
+ .nb6-ns { margin-bottom: -$spacing-extra-extra-large; }
110
+ .nb7-ns { margin-bottom: -$spacing-extra-extra-extra-large; }
111
+
112
+ .nt1-ns { margin-top: -$spacing-extra-small; }
113
+ .nt2-ns { margin-top: -$spacing-small; }
114
+ .nt3-ns { margin-top: -$spacing-medium; }
115
+ .nt4-ns { margin-top: -$spacing-large; }
116
+ .nt5-ns { margin-top: -$spacing-extra-large; }
117
+ .nt6-ns { margin-top: -$spacing-extra-extra-large; }
118
+ .nt7-ns { margin-top: -$spacing-extra-extra-extra-large; }
119
+
120
+ }
121
+
122
+ @media #{$breakpoint-medium} {
123
+ .na1-m { margin: -$spacing-extra-small; }
124
+ .na2-m { margin: -$spacing-small; }
125
+ .na3-m { margin: -$spacing-medium; }
126
+ .na4-m { margin: -$spacing-large; }
127
+ .na5-m { margin: -$spacing-extra-large; }
128
+ .na6-m { margin: -$spacing-extra-extra-large; }
129
+ .na7-m { margin: -$spacing-extra-extra-extra-large; }
130
+
131
+ .nl1-m { margin-left: -$spacing-extra-small; }
132
+ .nl2-m { margin-left: -$spacing-small; }
133
+ .nl3-m { margin-left: -$spacing-medium; }
134
+ .nl4-m { margin-left: -$spacing-large; }
135
+ .nl5-m { margin-left: -$spacing-extra-large; }
136
+ .nl6-m { margin-left: -$spacing-extra-extra-large; }
137
+ .nl7-m { margin-left: -$spacing-extra-extra-extra-large; }
138
+
139
+ .nr1-m { margin-right: -$spacing-extra-small; }
140
+ .nr2-m { margin-right: -$spacing-small; }
141
+ .nr3-m { margin-right: -$spacing-medium; }
142
+ .nr4-m { margin-right: -$spacing-large; }
143
+ .nr5-m { margin-right: -$spacing-extra-large; }
144
+ .nr6-m { margin-right: -$spacing-extra-extra-large; }
145
+ .nr7-m { margin-right: -$spacing-extra-extra-extra-large; }
146
+
147
+ .nb1-m { margin-bottom: -$spacing-extra-small; }
148
+ .nb2-m { margin-bottom: -$spacing-small; }
149
+ .nb3-m { margin-bottom: -$spacing-medium; }
150
+ .nb4-m { margin-bottom: -$spacing-large; }
151
+ .nb5-m { margin-bottom: -$spacing-extra-large; }
152
+ .nb6-m { margin-bottom: -$spacing-extra-extra-large; }
153
+ .nb7-m { margin-bottom: -$spacing-extra-extra-extra-large; }
154
+
155
+ .nt1-m { margin-top: -$spacing-extra-small; }
156
+ .nt2-m { margin-top: -$spacing-small; }
157
+ .nt3-m { margin-top: -$spacing-medium; }
158
+ .nt4-m { margin-top: -$spacing-large; }
159
+ .nt5-m { margin-top: -$spacing-extra-large; }
160
+ .nt6-m { margin-top: -$spacing-extra-extra-large; }
161
+ .nt7-m { margin-top: -$spacing-extra-extra-extra-large; }
162
+
163
+ }
164
+
165
+ @media #{$breakpoint-large} {
166
+ .na1-l { margin: -$spacing-extra-small; }
167
+ .na2-l { margin: -$spacing-small; }
168
+ .na3-l { margin: -$spacing-medium; }
169
+ .na4-l { margin: -$spacing-large; }
170
+ .na5-l { margin: -$spacing-extra-large; }
171
+ .na6-l { margin: -$spacing-extra-extra-large; }
172
+ .na7-l { margin: -$spacing-extra-extra-extra-large; }
173
+
174
+ .nl1-l { margin-left: -$spacing-extra-small; }
175
+ .nl2-l { margin-left: -$spacing-small; }
176
+ .nl3-l { margin-left: -$spacing-medium; }
177
+ .nl4-l { margin-left: -$spacing-large; }
178
+ .nl5-l { margin-left: -$spacing-extra-large; }
179
+ .nl6-l { margin-left: -$spacing-extra-extra-large; }
180
+ .nl7-l { margin-left: -$spacing-extra-extra-extra-large; }
181
+
182
+ .nr1-l { margin-right: -$spacing-extra-small; }
183
+ .nr2-l { margin-right: -$spacing-small; }
184
+ .nr3-l { margin-right: -$spacing-medium; }
185
+ .nr4-l { margin-right: -$spacing-large; }
186
+ .nr5-l { margin-right: -$spacing-extra-large; }
187
+ .nr6-l { margin-right: -$spacing-extra-extra-large; }
188
+ .nr7-l { margin-right: -$spacing-extra-extra-extra-large; }
189
+
190
+ .nb1-l { margin-bottom: -$spacing-extra-small; }
191
+ .nb2-l { margin-bottom: -$spacing-small; }
192
+ .nb3-l { margin-bottom: -$spacing-medium; }
193
+ .nb4-l { margin-bottom: -$spacing-large; }
194
+ .nb5-l { margin-bottom: -$spacing-extra-large; }
195
+ .nb6-l { margin-bottom: -$spacing-extra-extra-large; }
196
+ .nb7-l { margin-bottom: -$spacing-extra-extra-extra-large; }
197
+
198
+ .nt1-l { margin-top: -$spacing-extra-small; }
199
+ .nt2-l { margin-top: -$spacing-small; }
200
+ .nt3-l { margin-top: -$spacing-medium; }
201
+ .nt4-l { margin-top: -$spacing-large; }
202
+ .nt5-l { margin-top: -$spacing-extra-large; }
203
+ .nt6-l { margin-top: -$spacing-extra-extra-large; }
204
+ .nt7-l { margin-top: -$spacing-extra-extra-extra-large; }
205
+ }