cyclist 0.4.0 → 0.5.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (48) hide show
  1. checksums.yaml +4 -4
  2. metadata +1 -47
  3. data/vendor/raster/.gitignore +0 -2
  4. data/vendor/raster/README.md +0 -173
  5. data/vendor/raster/dist/raster.css +0 -131
  6. data/vendor/raster/dist/raster.js +0 -164
  7. data/vendor/raster/dist/raster.scss +0 -5
  8. data/vendor/raster/dist/sass/_guidelines.scss +0 -33
  9. data/vendor/raster/dist/sass/_layout.scss +0 -9
  10. data/vendor/raster/dist/sass/_reset.scss +0 -51
  11. data/vendor/raster/dist/sass/_setup.scss +0 -25
  12. data/vendor/raster/dist/sass/_typography.scss +0 -75
  13. data/vendor/raster/examples/build/css/typography.css +0 -139
  14. data/vendor/raster/examples/src/sass/typography.scss +0 -10
  15. data/vendor/raster/examples/typography.html +0 -117
  16. data/vendor/raster/gulpfile.js +0 -94
  17. data/vendor/raster/package.json +0 -20
  18. data/vendor/raster/test/build/css/test-default.css +0 -229
  19. data/vendor/raster/test/build/css/test-em.css +0 -232
  20. data/vendor/raster/test/build/css/test-percent.css +0 -232
  21. data/vendor/raster/test/build/css/test-pixel.css +0 -232
  22. data/vendor/raster/test/build/css/test-rem.css +0 -232
  23. data/vendor/raster/test/build/html/test-default.html +0 -67
  24. data/vendor/raster/test/build/html/test-em.html +0 -67
  25. data/vendor/raster/test/build/html/test-percent.html +0 -67
  26. data/vendor/raster/test/build/html/test-pixel.html +0 -67
  27. data/vendor/raster/test/build/html/test-rem.html +0 -67
  28. data/vendor/raster/test/lib/js/test-helper.js +0 -131
  29. data/vendor/raster/test/lib/tests/test-custom.js +0 -20
  30. data/vendor/raster/test/lib/tests/test-default.js +0 -34
  31. data/vendor/raster/test/scripts/run_tests.js +0 -20
  32. data/vendor/raster/test/src/html/mocha.html +0 -6
  33. data/vendor/raster/test/src/jade/includes/baseline.jade +0 -12
  34. data/vendor/raster/test/src/jade/includes/content.jade +0 -2
  35. data/vendor/raster/test/src/jade/includes/head.jade +0 -11
  36. data/vendor/raster/test/src/jade/includes/layout.jade +0 -26
  37. data/vendor/raster/test/src/jade/includes/mocha.jade +0 -1
  38. data/vendor/raster/test/src/jade/test-default.jade +0 -10
  39. data/vendor/raster/test/src/jade/test-em.jade +0 -10
  40. data/vendor/raster/test/src/jade/test-percent.jade +0 -10
  41. data/vendor/raster/test/src/jade/test-pixel.jade +0 -10
  42. data/vendor/raster/test/src/jade/test-rem.jade +0 -10
  43. data/vendor/raster/test/src/sass/_layout.scss +0 -104
  44. data/vendor/raster/test/src/sass/test-default.scss +0 -2
  45. data/vendor/raster/test/src/sass/test-em.scss +0 -5
  46. data/vendor/raster/test/src/sass/test-percent.scss +0 -5
  47. data/vendor/raster/test/src/sass/test-pixel.scss +0 -5
  48. data/vendor/raster/test/src/sass/test-rem.scss +0 -5
@@ -1,232 +0,0 @@
1
- /* Structure */
2
- html, body, div, span {
3
- margin: 0;
4
- padding: 0;
5
- border: 0;
6
- outline: 0;
7
- font-size: 100%;
8
- vertical-align: baseline;
9
- background: transparent; }
10
-
11
- /* Text */
12
- h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, ol, ul, li, strong, em {
13
- margin: 0;
14
- padding: 0;
15
- border: 0;
16
- outline: 0;
17
- font-size: 100%;
18
- vertical-align: baseline;
19
- background: transparent; }
20
-
21
- /* Other */
22
- applet, object, iframe, abbr, acronym, address, big, cite, code, del, dfn,
23
- font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i,
24
- center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody,
25
- tfoot, thead, tr, th, td {
26
- margin: 0;
27
- padding: 0;
28
- border: 0;
29
- outline: 0;
30
- font-size: 100%;
31
- vertical-align: baseline;
32
- background: transparent; }
33
-
34
- /* Misc */
35
- :focus {
36
- outline: 0; }
37
-
38
- table {
39
- border-collapse: separate;
40
- border-spacing: 0; }
41
-
42
- caption, th, td {
43
- text-align: left;
44
- font-weight: normal; }
45
-
46
- blockquote:before, blockquote:after, q:before, q:after {
47
- content: ""; }
48
-
49
- blockquote, q {
50
- quotes: "" ""; }
51
-
52
- html {
53
- font-size: 14px; }
54
-
55
- body {
56
- line-height: 1.5rem; }
57
-
58
- h1 {
59
- font-size: calc(1em * (36 / 12));
60
- margin-bottom: 1.5rem;
61
- line-height: calc(3 * 1.5rem); }
62
-
63
- h2 {
64
- font-size: calc(1em * (24 / 12));
65
- margin-bottom: 1.5rem;
66
- line-height: calc(2 * 1.5rem); }
67
-
68
- h3 {
69
- font-size: calc(1em * (21 / 12));
70
- margin-bottom: 1.5rem;
71
- line-height: calc(2 * 1.5rem); }
72
-
73
- h4 {
74
- font-size: calc(1em * (18 / 12));
75
- margin-bottom: 1.5rem;
76
- line-height: calc(2 * 1.5rem); }
77
-
78
- h5 {
79
- font-size: calc(1em * (14 / 12));
80
- margin-bottom: 1.5rem;
81
- line-height: calc(2 * 1.5rem); }
82
-
83
- h6 {
84
- font-size: calc(1em * (12 / 12));
85
- margin-bottom: 1.5rem;
86
- line-height: calc(1 * 1.5rem); }
87
-
88
- p,
89
- ul,
90
- ol {
91
- margin-bottom: 1.5rem; }
92
-
93
- ul ol,
94
- ol ol,
95
- ul ul,
96
- ol ul {
97
- margin-bottom: 0; }
98
-
99
- ul {
100
- list-style-type: disc;
101
- margin-left: 2rem; }
102
-
103
- ol {
104
- list-style-type: decimal;
105
- margin-left: 2rem; }
106
-
107
- .raster-guidelines {
108
- display: -webkit-flex;
109
- display: flex;
110
- position: absolute;
111
- left: 0;
112
- top: 0;
113
- bottom: 0;
114
- right: 0; }
115
-
116
- .raster-guidelines > div.raster-column {
117
- display: -webkit-flex;
118
- display: flex;
119
- background-color: rgba(148, 235, 255, 0.25);
120
- margin-right: 1rem;
121
- -webkit-flex: 0 0 9rem;
122
- flex: 0 0 9rem; }
123
-
124
- .raster-guidelines > div.raster-column:last-child {
125
- margin-right: 0; }
126
-
127
- .raster-column > div.raster-unit {
128
- background-color: rgba(148, 235, 255, 0.25);
129
- margin-right: 1rem;
130
- -webkit-flex: 0 0 4rem;
131
- flex: 0 0 4rem; }
132
-
133
- .raster-column > div.raster-unit:last-child {
134
- margin-right: 0; }
135
-
136
- article#layout {
137
- margin: 0 auto;
138
- width: 29rem; }
139
-
140
- .indent-one-gutter {
141
- margin-left: 1rem; }
142
-
143
- .indent-one-unit {
144
- margin-left: 4rem; }
145
-
146
- .indent-one-column {
147
- margin-left: 9rem; }
148
-
149
- .indent-two-gutter {
150
- margin-left: 2rem; }
151
-
152
- .indent-two-unit {
153
- margin-left: 9rem; }
154
-
155
- .indent-two-column {
156
- margin-left: 19rem; }
157
-
158
- .indent-three-gutter {
159
- margin-left: 3rem; }
160
-
161
- .indent-three-unit {
162
- margin-left: 14rem; }
163
-
164
- .indent-three-column {
165
- margin-left: 29rem; }
166
-
167
- article#layout-width {
168
- display: -webkit-flex;
169
- display: flex;
170
- flex-wrap: wrap;
171
- -webkit-flex-wrap: wrap;
172
- justify-content: space-between;
173
- -webkit-justify-content: space-between; }
174
-
175
- article#layout-width > .gutters,
176
- article#layout-width > .units,
177
- article#layout-width > .columns {
178
- background-color: #fcfb01; }
179
-
180
- .width-one-gutter {
181
- display: -webkit-flex;
182
- display: flex;
183
- -webkit-flex: 0 0 1rem;
184
- flex: 0 0 1rem; }
185
-
186
- .width-one-unit {
187
- display: -webkit-flex;
188
- display: flex;
189
- -webkit-flex: 0 0 4rem;
190
- flex: 0 0 4rem; }
191
-
192
- .width-one-column {
193
- display: -webkit-flex;
194
- display: flex;
195
- -webkit-flex: 0 0 9rem;
196
- flex: 0 0 9rem; }
197
-
198
- .width-two-gutter {
199
- display: -webkit-flex;
200
- display: flex;
201
- -webkit-flex: 0 0 2rem;
202
- flex: 0 0 2rem; }
203
-
204
- .width-two-unit {
205
- display: -webkit-flex;
206
- display: flex;
207
- -webkit-flex: 0 0 9rem;
208
- flex: 0 0 9rem; }
209
-
210
- .width-two-column {
211
- display: -webkit-flex;
212
- display: flex;
213
- -webkit-flex: 0 0 19rem;
214
- flex: 0 0 19rem; }
215
-
216
- .width-three-gutter {
217
- display: -webkit-flex;
218
- display: flex;
219
- -webkit-flex: 0 0 3rem;
220
- flex: 0 0 3rem; }
221
-
222
- .width-three-unit {
223
- display: -webkit-flex;
224
- display: flex;
225
- -webkit-flex: 0 0 14rem;
226
- flex: 0 0 14rem; }
227
-
228
- .width-three-column {
229
- display: -webkit-flex;
230
- display: flex;
231
- -webkit-flex: 0 0 29rem;
232
- flex: 0 0 29rem; }
@@ -1,67 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <title>Default</title>
4
- <head>
5
- <meta charset="utf-8">
6
- <script src="../../../node_modules/mocha/mocha.js"></script>
7
- <script src="../../../node_modules/chai/chai.js"></script>
8
- <script>
9
- mocha.ui('bdd');
10
- mocha.reporter('html');
11
- var should = chai.should();
12
- </script>
13
- <script src="../../lib/js/test-helper.js"></script>
14
- <link rel="stylesheet" href="../../../node_modules/mocha/mocha.css">
15
- </head>
16
- <script src="../../lib/tests/test-default.js"></script>
17
- <script src="../../../dist/raster.js"></script>
18
- <link rel="stylesheet" href="../css/test-default.css">
19
- </html>
20
- <body class="raster-show-baseline">
21
- <article id="baseline">
22
- <h1 id="h1">h1</h1>
23
- <h2 id="h2">h2</h2>
24
- <h3 id="h3">h3</h3>
25
- <h4 id="h4">h4</h4>
26
- <h5 id="h5">h5</h5>
27
- <h6 id="h6">h6</h6>
28
- <p id="p">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
29
- <ul id="ul">
30
- <li id="li">li</li>
31
- </ul>
32
- <pre id="code"><code>code</code></pre>
33
- </article>
34
- <article id="layout" class="raster-show-guidelines">
35
- <div class="indent-one-gutter indent gutters">1</div>
36
- <div class="indent-one-unit indent units">1</div>
37
- <div class="indent-one-column indent columns">1</div>
38
- <div class="indent-two-gutter indent gutters">2</div>
39
- <div class="indent-two-unit indent units">2</div>
40
- <div class="indent-two-column indent columns">2</div>
41
- <div class="indent-three-gutter indent gutters">3</div>
42
- <div class="indent-three-unit indent units">3</div>
43
- <article id="layout-width">
44
- <div class="width-one-gutter width gutters">1</div>
45
- <div class="width-one-unit width units">1</div>
46
- <div class="width-one-column width columns">1</div>
47
- <div class="width-two-gutter width gutters">2</div>
48
- <div class="width-two-unit width units">2</div>
49
- <div class="width-two-column width columns">2</div>
50
- <div class="width-three-gutter width gutters">3</div>
51
- <div class="width-three-unit width units">3</div>
52
- <div class="width-two-column width columns">2</div>
53
- <div class="width-one-column width columns">1</div>
54
- <div class="width-three-column width columns">3</div>
55
- <div class="width-one-unit width units">1</div>
56
- <div class="width-two-unit width units">2</div>
57
- <div class="width-one-column width columns">1</div>
58
- <div class="width-one-unit width units">1</div>
59
- </article>
60
- </article>
61
- <div id="mocha"></div>
62
- <script>
63
- if (window.mochaPhantomJS) { mochaPhantomJS.run(); }
64
- else { mocha.run(); }
65
- </script>
66
-
67
- </body>
@@ -1,67 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <title>em</title>
4
- <head>
5
- <meta charset="utf-8">
6
- <script src="../../../node_modules/mocha/mocha.js"></script>
7
- <script src="../../../node_modules/chai/chai.js"></script>
8
- <script>
9
- mocha.ui('bdd');
10
- mocha.reporter('html');
11
- var should = chai.should();
12
- </script>
13
- <script src="../../lib/js/test-helper.js"></script>
14
- <link rel="stylesheet" href="../../../node_modules/mocha/mocha.css">
15
- </head>
16
- <script src="../../lib/tests/test-custom.js"></script>
17
- <script src="../../../dist/raster.js"></script>
18
- <link rel="stylesheet" href="../css/test-em.css">
19
- </html>
20
- <body class="raster-show-baseline">
21
- <article id="baseline">
22
- <h1 id="h1">h1</h1>
23
- <h2 id="h2">h2</h2>
24
- <h3 id="h3">h3</h3>
25
- <h4 id="h4">h4</h4>
26
- <h5 id="h5">h5</h5>
27
- <h6 id="h6">h6</h6>
28
- <p id="p">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
29
- <ul id="ul">
30
- <li id="li">li</li>
31
- </ul>
32
- <pre id="code"><code>code</code></pre>
33
- </article>
34
- <article id="layout" class="raster-show-guidelines">
35
- <div class="indent-one-gutter indent gutters">1</div>
36
- <div class="indent-one-unit indent units">1</div>
37
- <div class="indent-one-column indent columns">1</div>
38
- <div class="indent-two-gutter indent gutters">2</div>
39
- <div class="indent-two-unit indent units">2</div>
40
- <div class="indent-two-column indent columns">2</div>
41
- <div class="indent-three-gutter indent gutters">3</div>
42
- <div class="indent-three-unit indent units">3</div>
43
- <article id="layout-width">
44
- <div class="width-one-gutter width gutters">1</div>
45
- <div class="width-one-unit width units">1</div>
46
- <div class="width-one-column width columns">1</div>
47
- <div class="width-two-gutter width gutters">2</div>
48
- <div class="width-two-unit width units">2</div>
49
- <div class="width-two-column width columns">2</div>
50
- <div class="width-three-gutter width gutters">3</div>
51
- <div class="width-three-unit width units">3</div>
52
- <div class="width-two-column width columns">2</div>
53
- <div class="width-one-column width columns">1</div>
54
- <div class="width-three-column width columns">3</div>
55
- <div class="width-one-unit width units">1</div>
56
- <div class="width-two-unit width units">2</div>
57
- <div class="width-one-column width columns">1</div>
58
- <div class="width-one-unit width units">1</div>
59
- </article>
60
- </article>
61
- <div id="mocha"></div>
62
- <script>
63
- if (window.mochaPhantomJS) { mochaPhantomJS.run(); }
64
- else { mocha.run(); }
65
- </script>
66
-
67
- </body>
@@ -1,67 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <title>percent</title>
4
- <head>
5
- <meta charset="utf-8">
6
- <script src="../../../node_modules/mocha/mocha.js"></script>
7
- <script src="../../../node_modules/chai/chai.js"></script>
8
- <script>
9
- mocha.ui('bdd');
10
- mocha.reporter('html');
11
- var should = chai.should();
12
- </script>
13
- <script src="../../lib/js/test-helper.js"></script>
14
- <link rel="stylesheet" href="../../../node_modules/mocha/mocha.css">
15
- </head>
16
- <script src="../../lib/tests/test-custom.js"></script>
17
- <script src="../../../dist/raster.js"></script>
18
- <link rel="stylesheet" href="../css/test-percent.css">
19
- </html>
20
- <body class="raster-show-baseline">
21
- <article id="baseline">
22
- <h1 id="h1">h1</h1>
23
- <h2 id="h2">h2</h2>
24
- <h3 id="h3">h3</h3>
25
- <h4 id="h4">h4</h4>
26
- <h5 id="h5">h5</h5>
27
- <h6 id="h6">h6</h6>
28
- <p id="p">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
29
- <ul id="ul">
30
- <li id="li">li</li>
31
- </ul>
32
- <pre id="code"><code>code</code></pre>
33
- </article>
34
- <article id="layout" class="raster-show-guidelines">
35
- <div class="indent-one-gutter indent gutters">1</div>
36
- <div class="indent-one-unit indent units">1</div>
37
- <div class="indent-one-column indent columns">1</div>
38
- <div class="indent-two-gutter indent gutters">2</div>
39
- <div class="indent-two-unit indent units">2</div>
40
- <div class="indent-two-column indent columns">2</div>
41
- <div class="indent-three-gutter indent gutters">3</div>
42
- <div class="indent-three-unit indent units">3</div>
43
- <article id="layout-width">
44
- <div class="width-one-gutter width gutters">1</div>
45
- <div class="width-one-unit width units">1</div>
46
- <div class="width-one-column width columns">1</div>
47
- <div class="width-two-gutter width gutters">2</div>
48
- <div class="width-two-unit width units">2</div>
49
- <div class="width-two-column width columns">2</div>
50
- <div class="width-three-gutter width gutters">3</div>
51
- <div class="width-three-unit width units">3</div>
52
- <div class="width-two-column width columns">2</div>
53
- <div class="width-one-column width columns">1</div>
54
- <div class="width-three-column width columns">3</div>
55
- <div class="width-one-unit width units">1</div>
56
- <div class="width-two-unit width units">2</div>
57
- <div class="width-one-column width columns">1</div>
58
- <div class="width-one-unit width units">1</div>
59
- </article>
60
- </article>
61
- <div id="mocha"></div>
62
- <script>
63
- if (window.mochaPhantomJS) { mochaPhantomJS.run(); }
64
- else { mocha.run(); }
65
- </script>
66
-
67
- </body>
@@ -1,67 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <title>pixel</title>
4
- <head>
5
- <meta charset="utf-8">
6
- <script src="../../../node_modules/mocha/mocha.js"></script>
7
- <script src="../../../node_modules/chai/chai.js"></script>
8
- <script>
9
- mocha.ui('bdd');
10
- mocha.reporter('html');
11
- var should = chai.should();
12
- </script>
13
- <script src="../../lib/js/test-helper.js"></script>
14
- <link rel="stylesheet" href="../../../node_modules/mocha/mocha.css">
15
- </head>
16
- <script src="../../lib/tests/test-custom.js"></script>
17
- <script src="../../../dist/raster.js"></script>
18
- <link rel="stylesheet" href="../css/test-pixel.css">
19
- </html>
20
- <body class="raster-show-baseline">
21
- <article id="baseline">
22
- <h1 id="h1">h1</h1>
23
- <h2 id="h2">h2</h2>
24
- <h3 id="h3">h3</h3>
25
- <h4 id="h4">h4</h4>
26
- <h5 id="h5">h5</h5>
27
- <h6 id="h6">h6</h6>
28
- <p id="p">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
29
- <ul id="ul">
30
- <li id="li">li</li>
31
- </ul>
32
- <pre id="code"><code>code</code></pre>
33
- </article>
34
- <article id="layout" class="raster-show-guidelines">
35
- <div class="indent-one-gutter indent gutters">1</div>
36
- <div class="indent-one-unit indent units">1</div>
37
- <div class="indent-one-column indent columns">1</div>
38
- <div class="indent-two-gutter indent gutters">2</div>
39
- <div class="indent-two-unit indent units">2</div>
40
- <div class="indent-two-column indent columns">2</div>
41
- <div class="indent-three-gutter indent gutters">3</div>
42
- <div class="indent-three-unit indent units">3</div>
43
- <article id="layout-width">
44
- <div class="width-one-gutter width gutters">1</div>
45
- <div class="width-one-unit width units">1</div>
46
- <div class="width-one-column width columns">1</div>
47
- <div class="width-two-gutter width gutters">2</div>
48
- <div class="width-two-unit width units">2</div>
49
- <div class="width-two-column width columns">2</div>
50
- <div class="width-three-gutter width gutters">3</div>
51
- <div class="width-three-unit width units">3</div>
52
- <div class="width-two-column width columns">2</div>
53
- <div class="width-one-column width columns">1</div>
54
- <div class="width-three-column width columns">3</div>
55
- <div class="width-one-unit width units">1</div>
56
- <div class="width-two-unit width units">2</div>
57
- <div class="width-one-column width columns">1</div>
58
- <div class="width-one-unit width units">1</div>
59
- </article>
60
- </article>
61
- <div id="mocha"></div>
62
- <script>
63
- if (window.mochaPhantomJS) { mochaPhantomJS.run(); }
64
- else { mocha.run(); }
65
- </script>
66
-
67
- </body>
@@ -1,67 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <title>rem</title>
4
- <head>
5
- <meta charset="utf-8">
6
- <script src="../../../node_modules/mocha/mocha.js"></script>
7
- <script src="../../../node_modules/chai/chai.js"></script>
8
- <script>
9
- mocha.ui('bdd');
10
- mocha.reporter('html');
11
- var should = chai.should();
12
- </script>
13
- <script src="../../lib/js/test-helper.js"></script>
14
- <link rel="stylesheet" href="../../../node_modules/mocha/mocha.css">
15
- </head>
16
- <script src="../../lib/tests/test-custom.js"></script>
17
- <script src="../../../dist/raster.js"></script>
18
- <link rel="stylesheet" href="../css/test-rem.css">
19
- </html>
20
- <body class="raster-show-baseline">
21
- <article id="baseline">
22
- <h1 id="h1">h1</h1>
23
- <h2 id="h2">h2</h2>
24
- <h3 id="h3">h3</h3>
25
- <h4 id="h4">h4</h4>
26
- <h5 id="h5">h5</h5>
27
- <h6 id="h6">h6</h6>
28
- <p id="p">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
29
- <ul id="ul">
30
- <li id="li">li</li>
31
- </ul>
32
- <pre id="code"><code>code</code></pre>
33
- </article>
34
- <article id="layout" class="raster-show-guidelines">
35
- <div class="indent-one-gutter indent gutters">1</div>
36
- <div class="indent-one-unit indent units">1</div>
37
- <div class="indent-one-column indent columns">1</div>
38
- <div class="indent-two-gutter indent gutters">2</div>
39
- <div class="indent-two-unit indent units">2</div>
40
- <div class="indent-two-column indent columns">2</div>
41
- <div class="indent-three-gutter indent gutters">3</div>
42
- <div class="indent-three-unit indent units">3</div>
43
- <article id="layout-width">
44
- <div class="width-one-gutter width gutters">1</div>
45
- <div class="width-one-unit width units">1</div>
46
- <div class="width-one-column width columns">1</div>
47
- <div class="width-two-gutter width gutters">2</div>
48
- <div class="width-two-unit width units">2</div>
49
- <div class="width-two-column width columns">2</div>
50
- <div class="width-three-gutter width gutters">3</div>
51
- <div class="width-three-unit width units">3</div>
52
- <div class="width-two-column width columns">2</div>
53
- <div class="width-one-column width columns">1</div>
54
- <div class="width-three-column width columns">3</div>
55
- <div class="width-one-unit width units">1</div>
56
- <div class="width-two-unit width units">2</div>
57
- <div class="width-one-column width columns">1</div>
58
- <div class="width-one-unit width units">1</div>
59
- </article>
60
- </article>
61
- <div id="mocha"></div>
62
- <script>
63
- if (window.mochaPhantomJS) { mochaPhantomJS.run(); }
64
- else { mocha.run(); }
65
- </script>
66
-
67
- </body>