type-director 0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +207 -0
  3. data/lib/type-director.rb +30 -0
  4. data/stylesheets/_type-director.scss +10 -0
  5. data/stylesheets/type-director/_build-font-scale.scss +57 -0
  6. data/stylesheets/type-director/_build-scale.scss +41 -0
  7. data/stylesheets/type-director/_build-typography.scss +46 -0
  8. data/stylesheets/type-director/_map-deep-get.scss +6 -0
  9. data/stylesheets/type-director/_round.scss +8 -0
  10. data/stylesheets/type-director/_set-font-size.scss +136 -0
  11. data/templates/project/config.rb +27 -0
  12. data/templates/project/fonts/feather-webfont.eot +0 -0
  13. data/templates/project/fonts/feather-webfont.svg +158 -0
  14. data/templates/project/fonts/feather-webfont.ttf +0 -0
  15. data/templates/project/fonts/feather-webfont.woff +0 -0
  16. data/templates/project/manifest.rb +18 -0
  17. data/templates/project/sass/_icons.scss +572 -0
  18. data/templates/project/sass/_typography-config.scss +78 -0
  19. data/templates/project/sass/_typography.scss +84 -0
  20. data/templates/project/sass/main.scss +162 -0
  21. data/templates/project/stylesheets/main.css +1240 -0
  22. data/templates/project/type-specimen.html +147 -0
  23. metadata +108 -0
data/templates/project/type-specimen.html ADDED
@@ -0,0 +1,147 @@
1
+ <html>
2
+ <head>
3
+ <title>Typographic Scale</title>
4
+ <meta name="viewport" content="width=device-width">
5
+ <link rel="stylesheet" href="stylesheets/main.css">
6
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
7
+ </head>
8
+ <body>
9
+ <section class="section">
10
+ <h1 class="h1">Type Specimen</h1>
11
+ </section>
12
+ <table class="font-comparison">
13
+ <thead>
14
+ <tr>
15
+ <th></th>
16
+ <th>Heading font</th>
17
+ <th>Copy font</th>
18
+ <th>Icon font</th>
19
+ </tr>
20
+ </thead>
21
+ <tbody>
22
+ <tr>
23
+ <th>Size 4</th>
24
+ <td>
25
+ <p class="h1">Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Sympathizing would fix Quaker objectives. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes. Grumpy wizards make toxic brew for the evil queen and jack. Back in June we delivered oxygen equipment of the same size. Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Sympathizing would fix Quaker objectives. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes.</p>
26
+ <div class="metrics text-secondary">Metrics here.</div>
27
+ </td>
28
+ <td>
29
+ <p class="copy-larger4">Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Sympathizing would fix Quaker objectives. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes. Grumpy wizards make toxic brew for the evil queen and jack. Back in June we delivered oxygen equipment of the same size. Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Sympathizing would fix Quaker objectives. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes.</p>
30
+ <div class="metrics text-secondary">Metrics here.</div>
31
+ </td>
32
+ <td>
33
+ <p class="icon-larger4"><span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span></p>
34
+ <div class="metrics text-secondary">Metrics here.</div>
35
+ </td>
36
+ </tr>
37
+ <tr>
38
+ <th>Size 3</th>
39
+ <td>
40
+ <p class="h2">Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Sympathizing would fix Quaker objectives. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes. Grumpy wizards make toxic brew for the evil queen and jack. Back in June we delivered oxygen equipment of the same size. Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Sympathizing would fix Quaker objectives. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes.</p>
41
+ <div class="metrics text-secondary">Metrics here.</div>
42
+ </td>
43
+ <td>
44
+ <p class="copy-larger3">Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Sympathizing would fix Quaker objectives. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes. Grumpy wizards make toxic brew for the evil queen and jack. Back in June we delivered oxygen equipment of the same size. Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Sympathizing would fix Quaker objectives. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes.</p>
45
+ <div class="metrics text-secondary">Metrics here.</div>
46
+ </td>
47
+ <td>
48
+ <p class="icon-larger3"><span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span></p>
49
+ <div class="metrics text-secondary">Metrics here.</div>
50
+ </td>
51
+
52
+ </tr>
53
+ <tr>
54
+ <th>Size 2</th>
55
+ <td>
56
+ <p class="h3">Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Sympathizing would fix Quaker objectives. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes. Grumpy wizards make toxic brew for the evil queen and jack. Back in June we delivered oxygen equipment of the same size. Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Sympathizing would fix Quaker objectives. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes.</p>
57
+ <div class="metrics text-secondary">Metrics here.</div>
58
+ </td>
59
+ <td>
60
+ <p class="copy-larger2">Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Sympathizing would fix Quaker objectives. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes. Grumpy wizards make toxic brew for the evil queen and jack. Back in June we delivered oxygen equipment of the same size. Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Sympathizing would fix Quaker objectives. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes.</p>
61
+ <div class="metrics text-secondary">Metrics here.</div>
62
+ </td>
63
+ <td>
64
+ <p class="icon-larger2"><span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span></p>
65
+ <div class="metrics text-secondary">Metrics here.</div>
66
+ </td>
67
+ </tr>
68
+ <tr>
69
+ <th>Size 1</th>
70
+ <td>
71
+ <p class="h4">Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Sympathizing would fix Quaker objectives. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes. Grumpy wizards make toxic brew for the evil queen and jack. Back in June we delivered oxygen equipment of the same size. Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Sympathizing would fix Quaker objectives. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes.</p>
72
+ <div class="metrics text-secondary">Metrics here.</div>
73
+ </td>
74
+ <td>
75
+ <p class="lead">Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Sympathizing would fix Quaker objectives. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes. Grumpy wizards make toxic brew for the evil queen and jack. Back in June we delivered oxygen equipment of the same size. Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Sympathizing would fix Quaker objectives. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes.</p>
76
+ <div class="metrics text-secondary">Metrics here.</div>
77
+ </td>
78
+ <td>
79
+ <p class="icon-larger1"><span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span></p>
80
+ <div class="metrics text-secondary">Metrics here.</div>
81
+ </td>
82
+ </tr>
83
+ <tr>
84
+ <th>Size 0</th>
85
+ <td>
86
+ <p class="h5">Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Sympathizing would fix Quaker objectives. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes. Grumpy wizards make toxic brew for the evil queen and jack. Back in June we delivered oxygen equipment of the same size. Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Sympathizing would fix Quaker objectives. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes.</p>
87
+ <div class="metrics text-secondary">Metrics here.</div>
88
+ </td>
89
+ <td>
90
+ <p class="">Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Sympathizing would fix Quaker objectives. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes. Grumpy wizards make toxic brew for the evil queen and jack. Back in June we delivered oxygen equipment of the same size. Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Sympathizing would fix Quaker objectives. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes.</p>
91
+ <div class="metrics text-secondary">Metrics here.</div>
92
+ </td>
93
+ <td>
94
+ <p class="icon-base"><span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span></p>
95
+ <div class="metrics text-secondary">Metrics here.</div>
96
+ </td>
97
+ </tr>
98
+ <tr>
99
+ <th>Size -1</th>
100
+ <td>
101
+ <p class="h6">Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Sympathizing would fix Quaker objectives. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes. Grumpy wizards make toxic brew for the evil queen and jack. Back in June we delivered oxygen equipment of the same size. Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Sympathizing would fix Quaker objectives. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes.</p>
102
+ <div class="metrics text-secondary">Metrics here.</div>
103
+ </td>
104
+ <td>
105
+ <p class="footnote">Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Sympathizing would fix Quaker objectives. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes. Grumpy wizards make toxic brew for the evil queen and jack. Back in June we delivered oxygen equipment of the same size. Pack my box with five dozen liquor jugs. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Bright vixens jump; dozy fowl quack. Jackdaws love my big sphinx of quartz. Both fickle dwarves jinx my pig quiz. Few quips galvanized the mock jury box. Sympathizing would fix Quaker objectives. Blowzy red vixens fight for a quick jump. Amazingly few discotheques provide jukeboxes.</p>
106
+ <div class="metrics text-secondary">Metrics here.</div>
107
+ </td>
108
+ <td>
109
+ <p class="icon-smaller"><span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span> <span class="icon-battery"></span> <span class="icon-eye"></span> <span class="icon-trash"></span> <span class="icon-search"></span> <span class="icon-watch"></span> <span class="icon-mail"></span> <span class="icon-arrow-left"></span> <span class="icon-ribbon"></span> <span class="icon-camera"></span> <span class="icon-book"></span> <span class="icon-microphone"></span> <span class="icon-tag"></span> <span class="icon-briefcase"></span> <span class="icon-map"></span> <span class="icon-cross"></span> <span class="icon-box"></span> <span class="icon-heart"></span> <span class="icon-image"></span> <span class="icon-anchor"></span></p>
110
+ <div class="metrics text-secondary">Metrics here.</div>
111
+ </td>
112
+ </tr>
113
+ </tbody>
114
+ </table>
115
+ <!-- <section>
116
+ <h1 class="h1">Heading 1. How quickly daft jumping zebras vex. Five quacking zephyrs jolt my wax bed.</h1>
117
+ <h2 class="h2">Heading 2. How quickly daft jumping zebras vex. Five quacking zephyrs jolt my wax bed.</h2>
118
+ <h3 class="h3">Heading 3. How quickly daft jumping zebras vex. Five quacking zephyrs jolt my wax bed.</h3>
119
+ <h4 class="h4">Heading 4. How quickly daft jumping zebras vex. Five quacking zephyrs jolt my wax bed.</h4>
120
+ <h5 class="h5">Heading 5. How quickly daft jumping zebras vex. Five quacking zephyrs jolt my wax bed.</h5>
121
+ <h6 class="h6">Heading 6. How quickly daft jumping zebras vex. Five quacking zephyrs jolt my wax bed.</h6>
122
+ </section>
123
+ <section>
124
+ <p class="lead">Lead copy. It's great for calling out main ideas and introducing a longer piece of text. We don't see much use of leads at GrubHub, but it's <a href="">appropriate</a> to begin to a blog post, etc. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
125
+ <p>Body copy. This is our standard for blocks of text. At desktop sizes, you should be able to read this easily while sitting back in your chair. You shouldn't be squinting or hunched over with your face <a href="">millimeters</a> from your computer screen. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
126
+ <p class="footnote">Caption copy. Because captions are set using our suboptimal smaller size, they should be using <a href="">sparingly</a> for secondary information. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
127
+ </section> -->
128
+ <section class="banner"></section>
129
+ </body>
130
+ <script type="text/javascript">
131
+ var displayMetrics = function () {
132
+ $(".metrics").each(function(index, metrics) {
133
+ var $metrics = $(metrics);
134
+ var $style = $metrics.prev();
135
+ var font_size = parseFloat($style.css("font-size")).toFixed(1);
136
+ var line_height = parseFloat($style.css("line-height")).toFixed(1);
137
+ $metrics.text(font_size + "px on " + line_height + "px");
138
+ });
139
+ }
140
+ $(document).ready(function () {
141
+ displayMetrics();
142
+ });
143
+ $(window).resize(function () {
144
+ displayMetrics();
145
+ });
146
+ </script>
147
+ </html>
metadata ADDED
@@ -0,0 +1,108 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: type-director
3
+ version: !ruby/object:Gem::Version
4
+ version: '0.8'
5
+ platform: ruby
6
+ authors:
7
+ - David Fusilier
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2016-08-14 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: sassy-math
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ">="
18
+ - !ruby/object:Gem::Version
19
+ version: 1.5.1
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ">="
25
+ - !ruby/object:Gem::Version
26
+ version: 1.5.1
27
+ - !ruby/object:Gem::Dependency
28
+ name: sass
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - ">="
32
+ - !ruby/object:Gem::Version
33
+ version: '3.3'
34
+ type: :runtime
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - ">="
39
+ - !ruby/object:Gem::Version
40
+ version: '3.3'
41
+ - !ruby/object:Gem::Dependency
42
+ name: compass
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - ">="
46
+ - !ruby/object:Gem::Version
47
+ version: 1.0.3
48
+ type: :runtime
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - ">="
53
+ - !ruby/object:Gem::Version
54
+ version: 1.0.3
55
+ description: Modular, responsive, scalable typography
56
+ email:
57
+ - dfusil2@gmail.com
58
+ executables: []
59
+ extensions: []
60
+ extra_rdoc_files: []
61
+ files:
62
+ - README.md
63
+ - lib/type-director.rb
64
+ - stylesheets/_type-director.scss
65
+ - stylesheets/type-director/_build-font-scale.scss
66
+ - stylesheets/type-director/_build-scale.scss
67
+ - stylesheets/type-director/_build-typography.scss
68
+ - stylesheets/type-director/_map-deep-get.scss
69
+ - stylesheets/type-director/_round.scss
70
+ - stylesheets/type-director/_set-font-size.scss
71
+ - templates/project/config.rb
72
+ - templates/project/fonts/feather-webfont.eot
73
+ - templates/project/fonts/feather-webfont.svg
74
+ - templates/project/fonts/feather-webfont.ttf
75
+ - templates/project/fonts/feather-webfont.woff
76
+ - templates/project/manifest.rb
77
+ - templates/project/sass/_icons.scss
78
+ - templates/project/sass/_typography-config.scss
79
+ - templates/project/sass/_typography.scss
80
+ - templates/project/sass/main.scss
81
+ - templates/project/stylesheets/main.css
82
+ - templates/project/type-specimen.html
83
+ homepage: https://github.com/dfusilier/type-director.git
84
+ licenses:
85
+ - MIT
86
+ metadata: {}
87
+ post_install_message:
88
+ rdoc_options: []
89
+ require_paths:
90
+ - lib
91
+ required_ruby_version: !ruby/object:Gem::Requirement
92
+ requirements:
93
+ - - ">="
94
+ - !ruby/object:Gem::Version
95
+ version: '0'
96
+ required_rubygems_version: !ruby/object:Gem::Requirement
97
+ requirements:
98
+ - - ">="
99
+ - !ruby/object:Gem::Version
100
+ version: 1.3.6
101
+ requirements: []
102
+ rubyforge_project: type-director
103
+ rubygems_version: 2.6.4
104
+ signing_key:
105
+ specification_version: 4
106
+ summary: Type Director is a SASS framework that generates a responsive, modular, nuanced
107
+ typographic system from only a few key variables.
108
+ test_files: []