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,49 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ BOX SIZING
11
+
12
+ */
13
+
14
+ html,
15
+ body,
16
+ div,
17
+ article,
18
+ section,
19
+ main,
20
+ footer,
21
+ header,
22
+ form,
23
+ fieldset,
24
+ legend,
25
+ pre,
26
+ code,
27
+ a,
28
+ h1,h2,h3,h4,h5,h6,
29
+ p,
30
+ ul,
31
+ ol,
32
+ li,
33
+ dl,
34
+ dt,
35
+ dd,
36
+ textarea,
37
+ table,
38
+ td,
39
+ th,
40
+ tr,
41
+ input[type="email"],
42
+ input[type="number"],
43
+ input[type="password"],
44
+ input[type="tel"],
45
+ input[type="text"],
46
+ input[type="url"],
47
+ .border-box {
48
+ box-sizing: border-box;
49
+ }
@@ -0,0 +1,47 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ CLEARFIX
11
+ http://tachyons.io/docs/layout/clearfix/
12
+
13
+ */
14
+
15
+ /* Nicolas Gallaghers Clearfix solution
16
+ Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
17
+
18
+ .cf:before,
19
+ .cf:after { content: " "; display: table; }
20
+ .cf:after { clear: both; }
21
+ .cf { *zoom: 1; }
22
+
23
+ .cl { clear: left; }
24
+ .cr { clear: right; }
25
+ .cb { clear: both; }
26
+ .cn { clear: none; }
27
+
28
+ @media #{$breakpoint-not-small} {
29
+ .cl-ns { clear: left; }
30
+ .cr-ns { clear: right; }
31
+ .cb-ns { clear: both; }
32
+ .cn-ns { clear: none; }
33
+ }
34
+
35
+ @media #{$breakpoint-medium} {
36
+ .cl-m { clear: left; }
37
+ .cr-m { clear: right; }
38
+ .cb-m { clear: both; }
39
+ .cn-m { clear: none; }
40
+ }
41
+
42
+ @media #{$breakpoint-large} {
43
+ .cl-l { clear: left; }
44
+ .cr-l { clear: right; }
45
+ .cb-l { clear: both; }
46
+ .cn-l { clear: none; }
47
+ }
@@ -0,0 +1,153 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ COORDINATES
11
+ Docs: http://tachyons.io/docs/layout/position/
12
+
13
+ Use in combination with the position module.
14
+
15
+ Base:
16
+ top
17
+ bottom
18
+ right
19
+ left
20
+
21
+ Modifiers:
22
+ -0 = literal value 0
23
+ -1 = literal value 1
24
+ -2 = literal value 2
25
+ --1 = literal value -1
26
+ --2 = literal value -2
27
+
28
+ Media Query Extensions:
29
+ -ns = not-small
30
+ -m = medium
31
+ -l = large
32
+
33
+ */
34
+
35
+ .top-0 { top: 0; }
36
+ .right-0 { right: 0; }
37
+ .bottom-0 { bottom: 0; }
38
+ .left-0 { left: 0; }
39
+
40
+ .top-1 { top: 1rem; }
41
+ .right-1 { right: 1rem; }
42
+ .bottom-1 { bottom: 1rem; }
43
+ .left-1 { left: 1rem; }
44
+
45
+ .top-2 { top: 2rem; }
46
+ .right-2 { right: 2rem; }
47
+ .bottom-2 { bottom: 2rem; }
48
+ .left-2 { left: 2rem; }
49
+
50
+ .top--1 { top: -1rem; }
51
+ .right--1 { right: -1rem; }
52
+ .bottom--1 { bottom: -1rem; }
53
+ .left--1 { left: -1rem; }
54
+
55
+ .top--2 { top: -2rem; }
56
+ .right--2 { right: -2rem; }
57
+ .bottom--2 { bottom: -2rem; }
58
+ .left--2 { left: -2rem; }
59
+
60
+
61
+ .absolute--fill {
62
+ top: 0;
63
+ right: 0;
64
+ bottom: 0;
65
+ left: 0;
66
+ }
67
+
68
+ @media #{$breakpoint-not-small} {
69
+ .top-0-ns { top: 0; }
70
+ .left-0-ns { left: 0; }
71
+ .right-0-ns { right: 0; }
72
+ .bottom-0-ns { bottom: 0; }
73
+ .top-1-ns { top: 1rem; }
74
+ .left-1-ns { left: 1rem; }
75
+ .right-1-ns { right: 1rem; }
76
+ .bottom-1-ns { bottom: 1rem; }
77
+ .top-2-ns { top: 2rem; }
78
+ .left-2-ns { left: 2rem; }
79
+ .right-2-ns { right: 2rem; }
80
+ .bottom-2-ns { bottom: 2rem; }
81
+ .top--1-ns { top: -1rem; }
82
+ .right--1-ns { right: -1rem; }
83
+ .bottom--1-ns { bottom: -1rem; }
84
+ .left--1-ns { left: -1rem; }
85
+ .top--2-ns { top: -2rem; }
86
+ .right--2-ns { right: -2rem; }
87
+ .bottom--2-ns { bottom: -2rem; }
88
+ .left--2-ns { left: -2rem; }
89
+ .absolute--fill-ns {
90
+ top: 0;
91
+ right: 0;
92
+ bottom: 0;
93
+ left: 0;
94
+ }
95
+ }
96
+
97
+ @media #{$breakpoint-medium} {
98
+ .top-0-m { top: 0; }
99
+ .left-0-m { left: 0; }
100
+ .right-0-m { right: 0; }
101
+ .bottom-0-m { bottom: 0; }
102
+ .top-1-m { top: 1rem; }
103
+ .left-1-m { left: 1rem; }
104
+ .right-1-m { right: 1rem; }
105
+ .bottom-1-m { bottom: 1rem; }
106
+ .top-2-m { top: 2rem; }
107
+ .left-2-m { left: 2rem; }
108
+ .right-2-m { right: 2rem; }
109
+ .bottom-2-m { bottom: 2rem; }
110
+ .top--1-m { top: -1rem; }
111
+ .right--1-m { right: -1rem; }
112
+ .bottom--1-m { bottom: -1rem; }
113
+ .left--1-m { left: -1rem; }
114
+ .top--2-m { top: -2rem; }
115
+ .right--2-m { right: -2rem; }
116
+ .bottom--2-m { bottom: -2rem; }
117
+ .left--2-m { left: -2rem; }
118
+ .absolute--fill-m {
119
+ top: 0;
120
+ right: 0;
121
+ bottom: 0;
122
+ left: 0;
123
+ }
124
+ }
125
+
126
+ @media #{$breakpoint-large} {
127
+ .top-0-l { top: 0; }
128
+ .left-0-l { left: 0; }
129
+ .right-0-l { right: 0; }
130
+ .bottom-0-l { bottom: 0; }
131
+ .top-1-l { top: 1rem; }
132
+ .left-1-l { left: 1rem; }
133
+ .right-1-l { right: 1rem; }
134
+ .bottom-1-l { bottom: 1rem; }
135
+ .top-2-l { top: 2rem; }
136
+ .left-2-l { left: 2rem; }
137
+ .right-2-l { right: 2rem; }
138
+ .bottom-2-l { bottom: 2rem; }
139
+ .top--1-l { top: -1rem; }
140
+ .right--1-l { right: -1rem; }
141
+ .bottom--1-l { bottom: -1rem; }
142
+ .left--1-l { left: -1rem; }
143
+ .top--2-l { top: -2rem; }
144
+ .right--2-l { right: -2rem; }
145
+ .bottom--2-l { bottom: -2rem; }
146
+ .left--2-l { left: -2rem; }
147
+ .absolute--fill-l {
148
+ top: 0;
149
+ right: 0;
150
+ bottom: 0;
151
+ left: 0;
152
+ }
153
+ }
@@ -0,0 +1,21 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ DEBUG CHILDREN
11
+ Docs: http://tachyons.io/docs/debug/
12
+
13
+ Just add the debug class to any element to see outlines on its
14
+ children.
15
+
16
+ */
17
+
18
+ .debug * { outline: 1px solid gold; }
19
+ .debug-white * { outline: 1px solid white; }
20
+ .debug-black * { outline: 1px solid black; }
21
+
@@ -0,0 +1,33 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ DEBUG GRID
11
+ http://tachyons.io/docs/debug-grid/
12
+
13
+ Can be useful for debugging layout issues
14
+ or helping to make sure things line up perfectly.
15
+ Just tack one of these classes onto a parent element.
16
+
17
+ */
18
+
19
+ .debug-grid {
20
+ background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDOTY4N0U2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDOTY4N0Q2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3NjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3NzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBS+GMAAAAjSURBVHjaYvz//z8DLsD4gcGXiYEAGBIKGBne//fFpwAgwAB98AaF2pjlUQAAAABJRU5ErkJggg==) repeat top left;
21
+ }
22
+
23
+ .debug-grid-16 {
24
+ background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYyRjhERDU2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYyRjhERDQ2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QTY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3QjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCS01IAAABMSURBVHjaYmR4/5+BFPBfAMFm/MBgx8RAGWCn1AAmSg34Q6kBDKMGMDCwICeMIemF/5QawEipAWwUhwEjMDvbAWlWkvVBwu8vQIABAEwBCph8U6c0AAAAAElFTkSuQmCC) repeat top left;
25
+ }
26
+
27
+ .debug-grid-8-solid {
28
+ background:white url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMjI0OTczNjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMjI0OTc0NjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyMjQ5NzE2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyMjQ5NzI2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAAIAAgDASIAAhEBAxEB/8QAWQABAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAIEEAEBAAMBAAAAAAAAAAAAAAABADECA0ERAAEDBQAAAAAAAAAAAAAAAAARITFBUWESIv/aAAwDAQACEQMRAD8AoOnTV1QTD7JJshP3vSM3P//Z) repeat top left;
29
+ }
30
+
31
+ .debug-grid-16-solid {
32
+ background:white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY3MkJEN0U2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY3MkJEN0Y2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3RDY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve6J3kAAAAzSURBVHjaYvz//z8D0UDsMwMjSRoYP5Gq4SPNbRjVMEQ1fCRDg+in/6+J1AJUxsgAEGAA31BAJMS0GYEAAAAASUVORK5CYII=) repeat top left;
33
+ }
@@ -0,0 +1,127 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+
9
+ body { outline: 1px solid #2980B9!important; }
10
+ article { outline: 1px solid #3498DB!important; }
11
+ nav { outline: 1px solid #0088C3!important; }
12
+ aside { outline: 1px solid #33A0CE!important; }
13
+ section { outline: 1px solid #66B8DA!important; }
14
+ header { outline: 1px solid #99CFE7!important; }
15
+ footer { outline: 1px solid #CCE7F3!important; }
16
+ h1 { outline: 1px solid #162544!important; }
17
+ h2 { outline: 1px solid #314E6E!important; }
18
+ h3 { outline: 1px solid #3E5E85!important; }
19
+ h4 { outline: 1px solid #449BAF!important; }
20
+ h5 { outline: 1px solid #C7D1CB!important; }
21
+ h6 { outline: 1px solid #4371D0!important; }
22
+ main { outline: 1px solid #2F4F90!important; }
23
+ address { outline: 1px solid #1A2C51!important; }
24
+ div { outline: 1px solid #036CDB!important; }
25
+
26
+
27
+ p { outline: 1px solid #AC050B!important; }
28
+ hr { outline: 1px solid #FF063F!important; }
29
+ pre { outline: 1px solid #850440!important; }
30
+ blockquote { outline: 1px solid #F1B8E7!important; }
31
+ ol { outline: 1px solid #FF050C!important; }
32
+ ul { outline: 1px solid #D90416!important; }
33
+ li { outline: 1px solid #D90416!important; }
34
+ dl { outline: 1px solid #FD3427!important; }
35
+ dt { outline: 1px solid #FF0043!important; }
36
+ dd { outline: 1px solid #E80174!important; }
37
+ figure { outline: 1px solid #FF00BB!important; }
38
+ figcaption { outline: 1px solid #BF0032!important; }
39
+
40
+
41
+
42
+ table { outline: 1px solid #00CC99!important; }
43
+ caption { outline: 1px solid #37FFC4!important; }
44
+ thead { outline: 1px solid #98DACA!important; }
45
+ tbody { outline: 1px solid #64A7A0!important; }
46
+ tfoot { outline: 1px solid #22746B!important; }
47
+ tr { outline: 1px solid #86C0B2!important; }
48
+ th { outline: 1px solid #A1E7D6!important; }
49
+ td { outline: 1px solid #3F5A54!important; }
50
+ col { outline: 1px solid #6C9A8F!important; }
51
+ colgroup { outline: 1px solid #6C9A9D!important; }
52
+
53
+
54
+ button { outline: 1px solid #DA8301!important; }
55
+ datalist { outline: 1px solid #C06000!important; }
56
+ fieldset { outline: 1px solid #D95100!important; }
57
+ form { outline: 1px solid #D23600!important; }
58
+ input { outline: 1px solid #FCA600!important; }
59
+ keygen { outline: 1px solid #B31E00!important; }
60
+ label { outline: 1px solid #EE8900!important; }
61
+ legend { outline: 1px solid #DE6D00!important; }
62
+ meter { outline: 1px solid #E8630C!important; }
63
+ optgroup { outline: 1px solid #B33600!important; }
64
+ option { outline: 1px solid #FF8A00!important; }
65
+ output { outline: 1px solid #FF9619!important; }
66
+ progress { outline: 1px solid #E57C00!important; }
67
+ select { outline: 1px solid #E26E0F!important; }
68
+ textarea { outline: 1px solid #CC5400!important; }
69
+
70
+
71
+
72
+ details { outline: 1px solid #33848F!important; }
73
+ summary { outline: 1px solid #60A1A6!important; }
74
+ command { outline: 1px solid #438DA1!important; }
75
+ menu { outline: 1px solid #449DA6!important; }
76
+
77
+
78
+
79
+ del { outline: 1px solid #BF0000!important; }
80
+ ins { outline: 1px solid #400000!important; }
81
+
82
+
83
+
84
+ img { outline: 1px solid #22746B!important; }
85
+ iframe { outline: 1px solid #64A7A0!important; }
86
+ embed { outline: 1px solid #98DACA!important; }
87
+ object { outline: 1px solid #00CC99!important; }
88
+ param { outline: 1px solid #37FFC4!important; }
89
+ video { outline: 1px solid #6EE866!important; }
90
+ audio { outline: 1px solid #027353!important; }
91
+ source { outline: 1px solid #012426!important; }
92
+ canvas { outline: 1px solid #A2F570!important; }
93
+ track { outline: 1px solid #59A600!important; }
94
+ map { outline: 1px solid #7BE500!important; }
95
+ area { outline: 1px solid #305900!important; }
96
+
97
+
98
+
99
+ a { outline: 1px solid #FF62AB!important; }
100
+ em { outline: 1px solid #800B41!important; }
101
+ strong { outline: 1px solid #FF1583!important; }
102
+ i { outline: 1px solid #803156!important; }
103
+ b { outline: 1px solid #CC1169!important; }
104
+ u { outline: 1px solid #FF0430!important; }
105
+ s { outline: 1px solid #F805E3!important; }
106
+ small { outline: 1px solid #D107B2!important; }
107
+ abbr { outline: 1px solid #4A0263!important; }
108
+ q { outline: 1px solid #240018!important; }
109
+ cite { outline: 1px solid #64003C!important; }
110
+ dfn { outline: 1px solid #B4005A!important; }
111
+ sub { outline: 1px solid #DBA0C8!important; }
112
+ sup { outline: 1px solid #CC0256!important; }
113
+ time { outline: 1px solid #D6606D!important; }
114
+ code { outline: 1px solid #E04251!important; }
115
+ kbd { outline: 1px solid #5E001F!important; }
116
+ samp { outline: 1px solid #9C0033!important; }
117
+ var { outline: 1px solid #D90047!important; }
118
+ mark { outline: 1px solid #FF0053!important; }
119
+ bdi { outline: 1px solid #BF3668!important; }
120
+ bdo { outline: 1px solid #6F1400!important; }
121
+ ruby { outline: 1px solid #FF7B93!important; }
122
+ rt { outline: 1px solid #FF2F54!important; }
123
+ rp { outline: 1px solid #803E49!important; }
124
+ span { outline: 1px solid #CC2643!important; }
125
+ br { outline: 1px solid #DB687D!important; }
126
+ wbr { outline: 1px solid #DB175B!important; }
127
+
@@ -0,0 +1,18 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ DEBUG CHILDREN
11
+
12
+ Just add the debug class to any element to see outlines on its
13
+ children.
14
+
15
+ */
16
+
17
+ .debug * { outline: 1px solid gold; }
18
+