type-director 0.8 → 0.9
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.
- checksums.yaml +4 -4
- data/README.md +116 -89
- data/lib/type-director.rb +1 -1
- data/stylesheets/_type-director.scss +8 -6
- data/stylesheets/type-director/_environment.scss +29 -0
- data/stylesheets/type-director/_map-get-deep.scss +12 -0
- data/stylesheets/type-director/_map-set-deep.scss +48 -0
- data/stylesheets/type-director/_override-type-size.scss +4 -0
- data/stylesheets/type-director/{_build-scale.scss → _scale.scss} +5 -14
- data/stylesheets/type-director/{_build-font-scale.scss → _type-scale.scss} +8 -8
- data/stylesheets/type-director/_type-size.scss +193 -0
- data/stylesheets/type-director/_typography.scss +62 -0
- data/templates/project/sass/_typography-config.scss +42 -49
- data/templates/project/sass/_typography.scss +12 -13
- data/templates/project/sass/main.scss +74 -31
- data/templates/project/stylesheets/main.css +206 -77
- data/templates/project/type-specimen.html +21 -21
- metadata +18 -15
- data/stylesheets/type-director/_build-typography.scss +0 -46
- data/stylesheets/type-director/_map-deep-get.scss +0 -6
- data/stylesheets/type-director/_set-font-size.scss +0 -136
|
@@ -13,39 +13,39 @@
|
|
|
13
13
|
<thead>
|
|
14
14
|
<tr>
|
|
15
15
|
<th></th>
|
|
16
|
-
<th>
|
|
17
|
-
<th>
|
|
18
|
-
<th>
|
|
16
|
+
<th>Verdana</th>
|
|
17
|
+
<th>Georgia</th>
|
|
18
|
+
<th>Feather</th>
|
|
19
19
|
</tr>
|
|
20
20
|
</thead>
|
|
21
21
|
<tbody>
|
|
22
22
|
<tr>
|
|
23
23
|
<th>Size 4</th>
|
|
24
24
|
<td>
|
|
25
|
-
<p class="
|
|
25
|
+
<p class="typeface-alt-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>
|
|
26
26
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
27
27
|
</td>
|
|
28
28
|
<td>
|
|
29
|
-
<p class="
|
|
29
|
+
<p class="typeface-default-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
30
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
31
31
|
</td>
|
|
32
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>
|
|
33
|
+
<p class="typeface-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
34
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
35
35
|
</td>
|
|
36
36
|
</tr>
|
|
37
37
|
<tr>
|
|
38
38
|
<th>Size 3</th>
|
|
39
39
|
<td>
|
|
40
|
-
<p class="
|
|
40
|
+
<p class="typeface-alt-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>
|
|
41
41
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
42
42
|
</td>
|
|
43
43
|
<td>
|
|
44
|
-
<p class="
|
|
44
|
+
<p class="typeface-default-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
45
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
46
46
|
</td>
|
|
47
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>
|
|
48
|
+
<p class="typeface-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
49
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
50
50
|
</td>
|
|
51
51
|
|
|
@@ -53,60 +53,60 @@
|
|
|
53
53
|
<tr>
|
|
54
54
|
<th>Size 2</th>
|
|
55
55
|
<td>
|
|
56
|
-
<p class="
|
|
56
|
+
<p class="typeface-alt-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>
|
|
57
57
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
58
58
|
</td>
|
|
59
59
|
<td>
|
|
60
|
-
<p class="
|
|
60
|
+
<p class="typeface-default-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
61
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
62
62
|
</td>
|
|
63
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>
|
|
64
|
+
<p class="typeface-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
65
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
66
66
|
</td>
|
|
67
67
|
</tr>
|
|
68
68
|
<tr>
|
|
69
69
|
<th>Size 1</th>
|
|
70
70
|
<td>
|
|
71
|
-
<p class="
|
|
71
|
+
<p class="typeface-alt-larger1">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
72
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
73
73
|
</td>
|
|
74
74
|
<td>
|
|
75
|
-
<p class="
|
|
75
|
+
<p class="typeface-default-larger1">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
76
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
77
77
|
</td>
|
|
78
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>
|
|
79
|
+
<p class="typeface-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
80
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
81
81
|
</td>
|
|
82
82
|
</tr>
|
|
83
83
|
<tr>
|
|
84
84
|
<th>Size 0</th>
|
|
85
85
|
<td>
|
|
86
|
-
<p class="
|
|
86
|
+
<p class="typeface-alt-base">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
87
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
88
88
|
</td>
|
|
89
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>
|
|
90
|
+
<p class="typeface-default-base">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
91
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
92
92
|
</td>
|
|
93
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>
|
|
94
|
+
<p class="typeface-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
95
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
96
96
|
</td>
|
|
97
97
|
</tr>
|
|
98
98
|
<tr>
|
|
99
99
|
<th>Size -1</th>
|
|
100
100
|
<td>
|
|
101
|
-
<p class="
|
|
101
|
+
<p class="typeface-alt-smaller1">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
102
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
103
103
|
</td>
|
|
104
104
|
<td>
|
|
105
|
-
<p class="
|
|
105
|
+
<p class="typeface-default-smaller1">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
106
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
107
107
|
</td>
|
|
108
108
|
<td>
|
|
109
|
-
<p class="icon-
|
|
109
|
+
<p class="typeface-icon-smaller1"><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
110
|
<div class="metrics text-secondary">Metrics here.</div>
|
|
111
111
|
</td>
|
|
112
112
|
</tr>
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: type-director
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: '0.
|
|
4
|
+
version: '0.9'
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- David Fusilier
|
|
@@ -14,42 +14,42 @@ dependencies:
|
|
|
14
14
|
name: sassy-math
|
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
|
16
16
|
requirements:
|
|
17
|
-
- -
|
|
17
|
+
- - '>='
|
|
18
18
|
- !ruby/object:Gem::Version
|
|
19
19
|
version: 1.5.1
|
|
20
20
|
type: :runtime
|
|
21
21
|
prerelease: false
|
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
23
23
|
requirements:
|
|
24
|
-
- -
|
|
24
|
+
- - '>='
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
26
|
version: 1.5.1
|
|
27
27
|
- !ruby/object:Gem::Dependency
|
|
28
28
|
name: sass
|
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
|
30
30
|
requirements:
|
|
31
|
-
- -
|
|
31
|
+
- - '>='
|
|
32
32
|
- !ruby/object:Gem::Version
|
|
33
33
|
version: '3.3'
|
|
34
34
|
type: :runtime
|
|
35
35
|
prerelease: false
|
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
|
37
37
|
requirements:
|
|
38
|
-
- -
|
|
38
|
+
- - '>='
|
|
39
39
|
- !ruby/object:Gem::Version
|
|
40
40
|
version: '3.3'
|
|
41
41
|
- !ruby/object:Gem::Dependency
|
|
42
42
|
name: compass
|
|
43
43
|
requirement: !ruby/object:Gem::Requirement
|
|
44
44
|
requirements:
|
|
45
|
-
- -
|
|
45
|
+
- - '>='
|
|
46
46
|
- !ruby/object:Gem::Version
|
|
47
47
|
version: 1.0.3
|
|
48
48
|
type: :runtime
|
|
49
49
|
prerelease: false
|
|
50
50
|
version_requirements: !ruby/object:Gem::Requirement
|
|
51
51
|
requirements:
|
|
52
|
-
- -
|
|
52
|
+
- - '>='
|
|
53
53
|
- !ruby/object:Gem::Version
|
|
54
54
|
version: 1.0.3
|
|
55
55
|
description: Modular, responsive, scalable typography
|
|
@@ -62,12 +62,15 @@ files:
|
|
|
62
62
|
- README.md
|
|
63
63
|
- lib/type-director.rb
|
|
64
64
|
- stylesheets/_type-director.scss
|
|
65
|
-
- stylesheets/type-director/
|
|
66
|
-
- stylesheets/type-director/
|
|
67
|
-
- stylesheets/type-director/
|
|
68
|
-
- stylesheets/type-director/
|
|
65
|
+
- stylesheets/type-director/_environment.scss
|
|
66
|
+
- stylesheets/type-director/_map-get-deep.scss
|
|
67
|
+
- stylesheets/type-director/_map-set-deep.scss
|
|
68
|
+
- stylesheets/type-director/_override-type-size.scss
|
|
69
69
|
- stylesheets/type-director/_round.scss
|
|
70
|
-
- stylesheets/type-director/
|
|
70
|
+
- stylesheets/type-director/_scale.scss
|
|
71
|
+
- stylesheets/type-director/_type-scale.scss
|
|
72
|
+
- stylesheets/type-director/_type-size.scss
|
|
73
|
+
- stylesheets/type-director/_typography.scss
|
|
71
74
|
- templates/project/config.rb
|
|
72
75
|
- templates/project/fonts/feather-webfont.eot
|
|
73
76
|
- templates/project/fonts/feather-webfont.svg
|
|
@@ -90,17 +93,17 @@ require_paths:
|
|
|
90
93
|
- lib
|
|
91
94
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
92
95
|
requirements:
|
|
93
|
-
- -
|
|
96
|
+
- - '>='
|
|
94
97
|
- !ruby/object:Gem::Version
|
|
95
98
|
version: '0'
|
|
96
99
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
97
100
|
requirements:
|
|
98
|
-
- -
|
|
101
|
+
- - '>='
|
|
99
102
|
- !ruby/object:Gem::Version
|
|
100
103
|
version: 1.3.6
|
|
101
104
|
requirements: []
|
|
102
105
|
rubyforge_project: type-director
|
|
103
|
-
rubygems_version: 2.
|
|
106
|
+
rubygems_version: 2.0.14.1
|
|
104
107
|
signing_key:
|
|
105
108
|
specification_version: 4
|
|
106
109
|
summary: Type Director is a SASS framework that generates a responsive, modular, nuanced
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// Augments a breakpoint map by building a "scale" property
|
|
3
|
-
// containing the specified sizes to each breakpoint.
|
|
4
|
-
|
|
5
|
-
@function td-build-typography($opts: ()) {
|
|
6
|
-
|
|
7
|
-
// Extend default opts
|
|
8
|
-
$opts: map-merge((
|
|
9
|
-
"scales": (
|
|
10
|
-
"default": (
|
|
11
|
-
"base-font-size": 16px,
|
|
12
|
-
"base-line-height": 1.5,
|
|
13
|
-
"max-font-size": 28px,
|
|
14
|
-
"max-line-height": 1.35
|
|
15
|
-
),
|
|
16
|
-
"tablet": (
|
|
17
|
-
"media-query": "screen and (min-width: 768px)",
|
|
18
|
-
"base-font-size": 18px,
|
|
19
|
-
"base-line-height": 1.6,
|
|
20
|
-
"max-font-size": 42px,
|
|
21
|
-
"max-line-height": 1.25
|
|
22
|
-
)
|
|
23
|
-
),
|
|
24
|
-
"numb-smaller-sizes": 1,
|
|
25
|
-
"numb-larger-sizes": 4
|
|
26
|
-
), $opts);
|
|
27
|
-
|
|
28
|
-
// The object we'll return.
|
|
29
|
-
$typography: ();
|
|
30
|
-
|
|
31
|
-
// Create a scale for each breakpoint.
|
|
32
|
-
@each $font-scale-name, $font-scale-opts in map-get($opts, "scales") {
|
|
33
|
-
|
|
34
|
-
// Merge global opts with scale-specific opts
|
|
35
|
-
$font-scale-opts: map-merge($font-scale-opts, (
|
|
36
|
-
"numb-smaller-sizes": map-get($opts, "numb-smaller-sizes"),
|
|
37
|
-
"numb-larger-sizes": map-get($opts, "numb-larger-sizes")
|
|
38
|
-
));
|
|
39
|
-
|
|
40
|
-
// Create a font scale.
|
|
41
|
-
$font-scale: td-build-font-scale($font-scale-opts);
|
|
42
|
-
$typography: map-merge($typography, ($font-scale-name: $font-scale));
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
@return $typography;
|
|
46
|
-
}
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
/******************************************************
|
|
2
|
-
* MIXINS
|
|
3
|
-
******************************************************/
|
|
4
|
-
|
|
5
|
-
// Apply styles for a specific font, breakpoint, and size.
|
|
6
|
-
@mixin td-apply-font-styles($font, $size, $scale-name, $opts: ()) {
|
|
7
|
-
|
|
8
|
-
// Extend default opts
|
|
9
|
-
$opts: map-merge((
|
|
10
|
-
"uppercase": false,
|
|
11
|
-
"line-height": "normal"
|
|
12
|
-
), $opts);
|
|
13
|
-
|
|
14
|
-
// FONT SIZE
|
|
15
|
-
// Get and apply adjustments.
|
|
16
|
-
|
|
17
|
-
$unadjusted-font-size: map-deep-get($typography, $scale-name, "sizes", $size, "font-size");
|
|
18
|
-
$font-size-adjustment: map-get($font, "font-size-adjustment") or 1.00;
|
|
19
|
-
$uppercase-adjustment: map-get($font, "uppercase-adjustment") or 1.00;
|
|
20
|
-
|
|
21
|
-
@if map-get($opts, "uppercase") {
|
|
22
|
-
$font-size-adjustment: $font-size-adjustment * $uppercase-adjustment;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
$font-size: $unadjusted-font-size * $font-size-adjustment;
|
|
26
|
-
|
|
27
|
-
// Round font-size.
|
|
28
|
-
$font-size-precision: map-deep-get($typography, $scale-name, "font-size-precision") or null;
|
|
29
|
-
@if ($font-size-precision) {
|
|
30
|
-
$font-size: td-round($font-size, $font-size-precision);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
// LINE HEIGHT
|
|
36
|
-
// Get and apply adjustments.
|
|
37
|
-
|
|
38
|
-
$line-height-setting: map-get($opts, "line-height");
|
|
39
|
-
$unadjusted-line-height: null;
|
|
40
|
-
$line-height: null;
|
|
41
|
-
|
|
42
|
-
// Use line-height associated with scale and size.
|
|
43
|
-
$normal-line-height: map-deep-get($typography, $scale-name, "sizes", $size, "line-height");
|
|
44
|
-
|
|
45
|
-
// No space between lines. 1.0 if unitless, otherwise equal to font-size.
|
|
46
|
-
$solid-line-height: if(unitless($normal-line-height), 1.0, $font-size);
|
|
47
|
-
|
|
48
|
-
// Halfway between default and solid line-height.
|
|
49
|
-
$tight-line-height: (($normal-line-height - $solid-line-height) / 2) + $solid-line-height;
|
|
50
|
-
|
|
51
|
-
// If line-height is set to solid, use 1.0 or font-size.
|
|
52
|
-
@if $line-height-setting == "solid" {
|
|
53
|
-
$line-height: $solid-line-height;
|
|
54
|
-
|
|
55
|
-
} @else {
|
|
56
|
-
|
|
57
|
-
// Line-height setting determines corresponding basis.
|
|
58
|
-
@if $line-height-setting == "tight" {
|
|
59
|
-
$unadjusted-line-height: $tight-line-height;
|
|
60
|
-
} @else {
|
|
61
|
-
$unadjusted-line-height: $normal-line-height;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
// Apply adjustments.
|
|
65
|
-
$line-height-adjustment: map-get($font, "line-height-adjustment") or 1.00;
|
|
66
|
-
|
|
67
|
-
// If using relative line heights, the font-size-adjustment will
|
|
68
|
-
// affect the line-height. This removes the unwanted effect.
|
|
69
|
-
@if unitless($unadjusted-line-height) {
|
|
70
|
-
$line-height-adjustment: $line-height-adjustment * (1 / $font-size-adjustment);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
$line-height: $unadjusted-line-height * $line-height-adjustment;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
// Round line-height.
|
|
77
|
-
$line-height-precision: map-deep-get($typography, $scale-name, "line-height-precision") or null;
|
|
78
|
-
@if ($line-height-precision) {
|
|
79
|
-
$line-height: td-round($line-height, $line-height-precision);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
font-size: $font-size;
|
|
83
|
-
line-height: $line-height;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
// Apply non-responsive styling. Only the size used for
|
|
87
|
-
// the specified media query will be applied.
|
|
88
|
-
@mixin td-set-font-size($font, $size, $scale-name, $opts: ()) {
|
|
89
|
-
|
|
90
|
-
// Extend default opts
|
|
91
|
-
$opts: map-merge((
|
|
92
|
-
"uppercase": false,
|
|
93
|
-
"line-height": "normal"
|
|
94
|
-
), $opts);
|
|
95
|
-
|
|
96
|
-
font-family: map-get($font, "family");
|
|
97
|
-
|
|
98
|
-
@if map-get($opts, "uppercase") {
|
|
99
|
-
text-transform: uppercase;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
@include td-apply-font-styles($font, $size, $scale-name, $opts);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
// Apply responsive styling. Corresponding sizes for
|
|
106
|
-
// each media query will be applied.
|
|
107
|
-
@mixin td-set-responsive-font-size($font, $size: 0, $opts: ()) {
|
|
108
|
-
|
|
109
|
-
// Extend default opts
|
|
110
|
-
$opts: map-merge((
|
|
111
|
-
"uppercase": false,
|
|
112
|
-
"line-height": "normal"
|
|
113
|
-
), $opts);
|
|
114
|
-
|
|
115
|
-
font-family: map-get($font, "family");
|
|
116
|
-
|
|
117
|
-
@if map-get($opts, "uppercase") {
|
|
118
|
-
text-transform: uppercase;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
@each $scale-name, $scale-value in $typography {
|
|
122
|
-
|
|
123
|
-
// For the default styles, don't include a media query.
|
|
124
|
-
@if $scale-name == "default" {
|
|
125
|
-
@include td-apply-font-styles($font, $size, $scale-name, $opts);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
// For other breakpoints, set style with a media query.
|
|
129
|
-
@else {
|
|
130
|
-
$media-query: map-deep-get($typography, $scale-name, "media-query");
|
|
131
|
-
@media #{$media-query} {
|
|
132
|
-
@include td-apply-font-styles($font, $size, $scale-name, $opts);
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
}
|