middleman-targets 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/CHANGELOG.md +6 -0
  4. data/Gemfile +18 -0
  5. data/LICENSE.md +22 -0
  6. data/README.md +110 -0
  7. data/Rakefile +10 -0
  8. data/bin/middleman-targets +80 -0
  9. data/documentation_project/.gitignore +25 -0
  10. data/documentation_project/Gemfile +14 -0
  11. data/documentation_project/README.md +13 -0
  12. data/documentation_project/config.rb +123 -0
  13. data/documentation_project/source/frontmatter.html.md.erb +70 -0
  14. data/documentation_project/source/helpers-resources.html.md.erb +98 -0
  15. data/documentation_project/source/images/free-logo-small.png +0 -0
  16. data/documentation_project/source/images/free-logo-small@2x.png +0 -0
  17. data/documentation_project/source/images/free-logo.png +0 -0
  18. data/documentation_project/source/images/free-logo@2x.png +0 -0
  19. data/documentation_project/source/images/pro-logo-small.png +0 -0
  20. data/documentation_project/source/images/pro-logo-small@2x.png +0 -0
  21. data/documentation_project/source/images/pro-logo.png +0 -0
  22. data/documentation_project/source/images/pro-logo@2x.png +0 -0
  23. data/documentation_project/source/index.html.md.erb +59 -0
  24. data/documentation_project/source/javascripts/all.js +1 -0
  25. data/documentation_project/source/layouts/layout.haml +9 -0
  26. data/documentation_project/source/layouts/template-logo-large.haml +17 -0
  27. data/documentation_project/source/layouts/template-logo-medium.haml +14 -0
  28. data/documentation_project/source/layouts/template-logo-small.haml +11 -0
  29. data/documentation_project/source/only-free.html.md.erb +38 -0
  30. data/documentation_project/source/only-pro.html.md.erb +39 -0
  31. data/documentation_project/source/simple-demo.html.md.erb +183 -0
  32. data/documentation_project/source/stylesheets/_github.scss +61 -0
  33. data/documentation_project/source/stylesheets/_middlemac_minimal.scss +516 -0
  34. data/documentation_project/source/stylesheets/_normalize.scss +374 -0
  35. data/documentation_project/source/stylesheets/style.css.scss +3 -0
  36. data/documentation_project/source/target-feature-config.html.md.erb +153 -0
  37. data/lib/middleman-targets.rb +13 -0
  38. data/lib/middleman-targets/commands.rb +6 -0
  39. data/lib/middleman-targets/extension.rb +281 -0
  40. data/lib/middleman-targets/version.rb +5 -0
  41. data/middleman-targets.gemspec +26 -0
  42. metadata +126 -0
@@ -0,0 +1,61 @@
1
+ .hll { background-color: #ffffcc }
2
+ .c { color: #999988; font-style: italic } /* Comment */
3
+ .err { color: #a61717; background-color: #e3d2d2 } /* Error */
4
+ .k { color: #000000; font-weight: bold } /* Keyword */
5
+ .o { color: #000000; font-weight: bold } /* Operator */
6
+ .cm { color: #999988; font-style: italic } /* Comment.Multiline */
7
+ .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
8
+ .c1 { color: #999988; font-style: italic } /* Comment.Single */
9
+ .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
10
+ .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
11
+ .ge { color: #000000; font-style: italic } /* Generic.Emph */
12
+ .gr { color: #aa0000 } /* Generic.Error */
13
+ .gh { color: #999999 } /* Generic.Heading */
14
+ .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
15
+ .go { color: #888888 } /* Generic.Output */
16
+ .gp { color: #555555 } /* Generic.Prompt */
17
+ .gs { font-weight: bold } /* Generic.Strong */
18
+ .gu { color: #aaaaaa } /* Generic.Subheading */
19
+ .gt { color: #aa0000 } /* Generic.Traceback */
20
+ .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
21
+ .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
22
+ .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
23
+ .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
24
+ .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
25
+ .kt { color: #445588; font-weight: bold } /* Keyword.Type */
26
+ .m { color: #009999 } /* Literal.Number */
27
+ .s { color: #d01040 } /* Literal.String */
28
+ .na { color: #008080 } /* Name.Attribute */
29
+ .nb { color: #0086B3 } /* Name.Builtin */
30
+ .nc { color: #445588; font-weight: bold } /* Name.Class */
31
+ .no { color: #008080 } /* Name.Constant */
32
+ .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
33
+ .ni { color: #800080 } /* Name.Entity */
34
+ .ne { color: #990000; font-weight: bold } /* Name.Exception */
35
+ .nf { color: #990000; font-weight: bold } /* Name.Function */
36
+ .nl { color: #990000; font-weight: bold } /* Name.Label */
37
+ .nn { color: #555555 } /* Name.Namespace */
38
+ .nt { color: #000080 } /* Name.Tag */
39
+ .nv { color: #008080 } /* Name.Variable */
40
+ .ow { color: #000000; font-weight: bold } /* Operator.Word */
41
+ .w { color: #bbbbbb } /* Text.Whitespace */
42
+ .mf { color: #009999 } /* Literal.Number.Float */
43
+ .mh { color: #009999 } /* Literal.Number.Hex */
44
+ .mi { color: #009999 } /* Literal.Number.Integer */
45
+ .mo { color: #009999 } /* Literal.Number.Oct */
46
+ .sb { color: #d01040 } /* Literal.String.Backtick */
47
+ .sc { color: #d01040 } /* Literal.String.Char */
48
+ .sd { color: #d01040 } /* Literal.String.Doc */
49
+ .s2 { color: #d01040 } /* Literal.String.Double */
50
+ .se { color: #d01040 } /* Literal.String.Escape */
51
+ .sh { color: #d01040 } /* Literal.String.Heredoc */
52
+ .si { color: #d01040 } /* Literal.String.Interpol */
53
+ .sx { color: #d01040 } /* Literal.String.Other */
54
+ .sr { color: #009926 } /* Literal.String.Regex */
55
+ .s1 { color: #d01040 } /* Literal.String.Single */
56
+ .ss { color: #990073 } /* Literal.String.Symbol */
57
+ .bp { color: #999999 } /* Name.Builtin.Pseudo */
58
+ .vc { color: #008080 } /* Name.Variable.Class */
59
+ .vg { color: #008080 } /* Name.Variable.Global */
60
+ .vi { color: #008080 } /* Name.Variable.Instance */
61
+ .il { color: #009999 } /* Literal.Number.Integer.Long */
@@ -0,0 +1,516 @@
1
+ //*****************************************************************************
2
+ // Styles that bring an Apple-like look to your applications' help files.
3
+ //
4
+ // * Used in conjunction with normalize.css to establish sane defaults.
5
+ // * We have *structural* containers and *styling* containers.
6
+ // * There's no such thing as padding and margins on anything unless they're
7
+ // part of a styling container, or inside of a styling container that
8
+ // sets them for them.
9
+ // * Structural containers only have size and position and visibility.
10
+ // * Styling containers set styles for elements inside of them.
11
+ // * This is a "minimal" version of this file intended for very basic
12
+ // support of Gem documentation.
13
+ //*****************************************************************************
14
+
15
+
16
+ //*************************************
17
+ // Mixins
18
+ //*************************************
19
+
20
+ // Easily include backgrounds for multiple browsers, just in case.
21
+ // You might require Compass in your own projects, instead.
22
+ @mixin background( $property )
23
+ {
24
+ background: -o-#{$property};
25
+ background: -moz-#{$property};
26
+ background: -webkit-#{$property};
27
+ background: #{$property};
28
+ }
29
+
30
+
31
+ //*************************************
32
+ // GENERAL STYLES
33
+ //*************************************
34
+
35
+ $interMargins: 1.5ex;
36
+ $linkColor: rgb(99,136,193);
37
+ $strongColor: rgb(75,75,75);
38
+ $standard_border: 1px solid #bfbfbf;
39
+
40
+ *
41
+ {
42
+ margin: 0;
43
+ padding: 0;
44
+ }
45
+
46
+ html
47
+ {
48
+ font-size: 11pt;
49
+ height: 100%;
50
+ }
51
+
52
+ body
53
+ {
54
+ font-family: -apple-system-font, -webkit-system-font, "HelveticaNeue", "Helvetica Neue", "Helvetica", sans-serif;
55
+ height: 100%;
56
+ min-width: 600px;
57
+ }
58
+
59
+ h1
60
+ {
61
+ font-size: 1.7em;
62
+ font-weight: normal;
63
+ }
64
+ h2
65
+ {
66
+ font-size: 1.5em;
67
+ font-weight: normal;
68
+ }
69
+ h3
70
+ {
71
+ font-size: 1.3em;
72
+ font-weight: normal;
73
+ }
74
+
75
+
76
+ p
77
+ {
78
+ font-size: 1.0em;
79
+ line-height: 1.6em;
80
+ }
81
+
82
+
83
+ a
84
+ {
85
+ text-decoration: none;
86
+ font-size: 1.05em;
87
+ color: $linkColor;
88
+
89
+ &:visited
90
+ {
91
+ color: $linkColor;
92
+ }
93
+
94
+ &:hover
95
+ {
96
+ text-decoration: underline;
97
+ }
98
+ }
99
+
100
+ strong
101
+ {
102
+ color: $strongColor;
103
+ }
104
+
105
+ hr
106
+ {
107
+ text-decoration: none;
108
+ border: none;
109
+ border-bottom: $standard_border;
110
+ margin: ($interMargins * 2) 10% ($interMargins * 2) 10%;
111
+ }
112
+
113
+ // "standard" img should always be a block and centered
114
+ // and assume 100% width. Can set max-width to prevent
115
+ // oversized images in another class.
116
+ img
117
+ {
118
+ display: block;
119
+ //width: 100%;
120
+ margin: 0 auto 0 auto;
121
+ }
122
+
123
+
124
+ // "standard" dl only spaces the items. Set the <dl> in
125
+ // a styling container if you want padding or margins.
126
+ dl
127
+ {
128
+ dt code
129
+ {
130
+ font-weight: bold;
131
+ }
132
+
133
+ dd
134
+ {
135
+ margin: 0.8ex 0 0.8ex 3em;
136
+ }
137
+ }
138
+
139
+
140
+ // "standard" ul has no margins or padding, except left margin.
141
+ ul
142
+ {
143
+ list-style: square outside;
144
+ margin-left: 2em;
145
+ }
146
+
147
+
148
+ // "standard" li only spaces the items. Set the <ul> or <ol>
149
+ // in a styling container if you want padding or margins.
150
+ // The default aligns the left of the text with the body
151
+ // left text, meaning the bullets or counters will stick out
152
+ // to the left.
153
+ li
154
+ {
155
+ margin: 0.8ex 0 0.8ex 0;
156
+ }
157
+
158
+
159
+ /* fix for FireFox, apparently */
160
+ li p { display: inline; }
161
+
162
+
163
+ //*************************************
164
+ // tidyoptions dt
165
+ //*************************************
166
+ body.tidyoptions
167
+ {
168
+ dt
169
+ {
170
+ margin-top: $interMargins * 2;
171
+ }
172
+ }
173
+
174
+
175
+ //*************************************
176
+ // related_topics
177
+ //*************************************
178
+ div.related_topics
179
+ {
180
+ ul
181
+ {
182
+ list-style: none;
183
+ margin-left: 1em;
184
+ }
185
+ }
186
+
187
+
188
+ //*************************************
189
+ // table_contents
190
+ //*************************************
191
+ div.table_contents
192
+ {
193
+ dl
194
+ {
195
+ margin: 1em;
196
+ }
197
+ dt
198
+ {
199
+ margin-top: $interMargins * 2;
200
+ }
201
+ }
202
+
203
+ //*************************************
204
+ // yield-content settings
205
+ //*************************************
206
+ div.yield-content
207
+ {
208
+ h1
209
+ {
210
+ margin-bottom: $interMargins;
211
+ }
212
+
213
+ h2,
214
+ h3
215
+ {
216
+ margin-top: ($interMargins / 1);
217
+ margin-bottom: ($interMargins / 2);
218
+ }
219
+ p
220
+ {
221
+ margin-top: ($interMargins / 2);
222
+ margin-bottom: ($interMargins / 2);
223
+ }
224
+ }
225
+
226
+
227
+ //*************************************
228
+ // help_map settings
229
+ //*************************************
230
+ .help_map
231
+ {
232
+ }
233
+
234
+
235
+ //*************************************
236
+ // layout-logo-large layout styles
237
+ //*************************************
238
+ div.container-logo-large
239
+ {
240
+ $logo-width: 200pt;
241
+
242
+ position: relative;
243
+ left: 0;
244
+ right: 0;
245
+ width: 100%;
246
+ height: 100%;
247
+
248
+ // left block, template content area.
249
+ > div:first-child
250
+ {
251
+ position: absolute;
252
+ top: 0;
253
+ left: 0;
254
+ width: $logo-width;
255
+ text-align: center;
256
+ font-size: 0.8em;
257
+
258
+ // top of left block, where image,
259
+ // headline, and link all live.
260
+ > div:first-child
261
+ {
262
+ margin-top: 1em;
263
+
264
+ > img
265
+ {
266
+ display: block;
267
+ //width: 80%;
268
+ margin: 0 auto 1em auto;
269
+ }
270
+ }
271
+
272
+ // bottom of left block, for related topics
273
+ > div:first-child + div
274
+ {
275
+ font-size: 0.9em;
276
+ margin: 2em 1em 0 3em;
277
+ text-align: left;
278
+
279
+ h1
280
+ {
281
+ font-size: 1.3em;
282
+ }
283
+ }
284
+ }
285
+
286
+
287
+ // right block, the structure block. We will
288
+ // perform divider styling here, despite my no-styling rule,
289
+ // so that we can ensure it extends to the whole content.
290
+ > div:first-child + div
291
+ {
292
+ margin-left: $logo-width;
293
+ border-left: $standard_border;
294
+ min-height: 100%;
295
+
296
+ // finally the user's block with a nice padding
297
+ > div:first-child
298
+ {
299
+ padding: 2em;
300
+ }
301
+ }
302
+ }
303
+
304
+
305
+ //*************************************
306
+ // layout-logo-medium styles
307
+ //*************************************
308
+ div.container-logo-medium
309
+ {
310
+ $logo-width: 130pt;
311
+
312
+ position: relative;
313
+ left: 0;
314
+ right: 0;
315
+ width: 100%;
316
+ height: 100%;
317
+
318
+ // left block, the structure block. We will
319
+ // perform divider styling here, despite my no-styling rule,
320
+ // so that we can ensure it extends to the whole content.
321
+ > div:first-child
322
+ {
323
+ margin-right: $logo-width;
324
+ border-right: $standard_border;
325
+ min-height: 100%;
326
+
327
+ /* other images in the div, after the first-child */
328
+ img
329
+ {
330
+ margin: $interMargins auto $interMargins auto;
331
+ //width: 100%;
332
+ }
333
+
334
+ /* finally the user's block with a nice padding */
335
+ > div:first-child
336
+ {
337
+ padding: 2em;
338
+ }
339
+ }
340
+
341
+ // right block, template content area.
342
+ > div:first-child + div
343
+ {
344
+ position: absolute;
345
+ top: 0;
346
+ right: 0;
347
+ width: $logo-width;
348
+
349
+ // top of right block, where image lives
350
+ > div:first-child
351
+ {
352
+ padding-top: 1em;
353
+
354
+ > img
355
+ {
356
+ display: block;
357
+ width: 80%;
358
+ margin: 0 auto 1em auto;
359
+ }
360
+ }
361
+
362
+ // bottom of left block, for related topics
363
+ > div:first-child + div
364
+ {
365
+ font-size: 0.8em;
366
+ margin: 2em 1em 0 1em;
367
+ text-align: left;
368
+
369
+ h1
370
+ {
371
+ font-size: 1.3em;
372
+ }
373
+ }
374
+ }
375
+ }
376
+
377
+
378
+ //*************************************
379
+ // layout-logo-small styles
380
+ //*************************************
381
+ div.container-logo-small
382
+ {
383
+ $bannerHeight: 36pt;
384
+ padding: 1em 2em 1em 2em;
385
+
386
+ // banner AND body text
387
+ > div:first-child
388
+ {
389
+ > img:first-child
390
+ {
391
+ height: $bannerHeight;
392
+ width: auto;
393
+ padding: 0 1em 0 0;
394
+ float: left;
395
+
396
+ + h1
397
+ {
398
+ line-height: $bannerHeight;
399
+ margin-bottom: 1ex;
400
+ }
401
+ }
402
+ }
403
+
404
+ // This will be the related topics div
405
+ > div:first-child ~ div
406
+ {
407
+ font-size: 0.8em;
408
+ padding-bottom: 1em;
409
+
410
+ h1
411
+ {
412
+ font-size: 1.3em;
413
+ }
414
+ }
415
+ }
416
+
417
+
418
+ //*************************************
419
+ // Other Block Level Elements
420
+ //*************************************
421
+
422
+ // for displaying source code
423
+ pre
424
+ {
425
+ background-color: #eeeeee;
426
+ display: block;
427
+ margin: 2ex 2em 2ex 2em;
428
+ padding: 1em;
429
+ font-family: Menlo, Courier, monospace;
430
+ white-space: pre; //pre-line;
431
+ word-wrap: normal;
432
+ overflow: auto;
433
+ }
434
+
435
+ code
436
+ {
437
+ white-space: pre;
438
+ word-wrap: normal;
439
+ }
440
+
441
+
442
+ // for highlighting important information
443
+ .note
444
+ {
445
+ margin: 1em;
446
+ padding: 1em;
447
+ background-color: #e6edff;
448
+ border: 1px solid #eaeaea;
449
+ }
450
+
451
+
452
+ // a container for showing things that are done step by step
453
+ div.steps
454
+ {
455
+ margin: 0 0 ($interMargins * 2) 0;
456
+ padding: 1em 2em 1em 2em;
457
+ border: $standard_border;
458
+ border-radius: 10px;
459
+
460
+ ul,
461
+ ol
462
+ {
463
+ margin-left: 2em;
464
+ }
465
+
466
+ ul:first-child,
467
+ ol:first-child
468
+ {
469
+ margin-left: 1em;
470
+ }
471
+ }
472
+
473
+ // indented left and right version of the container
474
+ div.steps.narrow
475
+ {
476
+ margin-left: 3em;
477
+ margin-right: 3em;
478
+ }
479
+
480
+
481
+ // image_article
482
+ div.image_article
483
+ {
484
+ margin-top: $interMargins;
485
+
486
+ > div:first-child
487
+ {
488
+ float: left;
489
+ width: 45%;
490
+ margin: 0 1em 0 0;
491
+
492
+ > img
493
+ {
494
+ margin-top: 0 !important;
495
+ }
496
+ }
497
+
498
+ &.narrow > div:first-child
499
+ {
500
+ width: 10%;
501
+ }
502
+
503
+
504
+ ul,
505
+ ol
506
+ {
507
+ list-style-position:inside;
508
+ }
509
+ }
510
+
511
+ div.image_article:after
512
+ {
513
+ content: "";
514
+ display: table;
515
+ clear: both;
516
+ }