sane-scale 0.1.2 → 0.5.1

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 +4 -4
  2. data/README.md +35 -24
  3. data/lib/sane-scale.rb +2 -2
  4. data/stylesheets/_sane-scale.scss +5 -5
  5. data/stylesheets/sane-scale/_build-font-scale.scss +59 -0
  6. data/stylesheets/sane-scale/{_make-scale.scss → _build-scale.scss} +1 -1
  7. data/stylesheets/sane-scale/_build-typography.scss +40 -0
  8. data/stylesheets/sane-scale/_set-font-size.scss +24 -13
  9. data/templates/project/config.rb +27 -0
  10. data/templates/project/fonts/feather-webfont.eot +0 -0
  11. data/templates/project/fonts/feather-webfont.svg +158 -0
  12. data/templates/project/fonts/feather-webfont.ttf +0 -0
  13. data/templates/project/fonts/feather-webfont.woff +0 -0
  14. data/templates/project/manifest.rb +18 -0
  15. data/templates/project/sass/_icons.scss +572 -0
  16. data/templates/project/sass/_typography-config.scss +78 -0
  17. data/templates/project/sass/_typography.scss +84 -0
  18. data/templates/project/sass/main.scss +157 -0
  19. data/templates/project/stylesheets/main.css +1240 -0
  20. data/templates/project/type-specimen.html +147 -0
  21. metadata +18 -6
  22. data/stylesheets/sane-scale/_make-font-scale.scss +0 -47
  23. data/stylesheets/sane-scale/_make-responsive-font-scale.scss +0 -51
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 CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sane-scale
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.2
4
+ version: 0.5.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - David Fusilier
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-05-09 00:00:00.000000000 Z
11
+ date: 2016-07-17 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sassy-math
@@ -62,11 +62,23 @@ files:
62
62
  - README.md
63
63
  - lib/sane-scale.rb
64
64
  - stylesheets/_sane-scale.scss
65
- - stylesheets/sane-scale/_make-font-scale.scss
66
- - stylesheets/sane-scale/_make-responsive-font-scale.scss
67
- - stylesheets/sane-scale/_make-scale.scss
65
+ - stylesheets/sane-scale/_build-font-scale.scss
66
+ - stylesheets/sane-scale/_build-scale.scss
67
+ - stylesheets/sane-scale/_build-typography.scss
68
68
  - stylesheets/sane-scale/_map-deep-get.scss
69
69
  - stylesheets/sane-scale/_set-font-size.scss
70
+ - templates/project/config.rb
71
+ - templates/project/fonts/feather-webfont.eot
72
+ - templates/project/fonts/feather-webfont.svg
73
+ - templates/project/fonts/feather-webfont.ttf
74
+ - templates/project/fonts/feather-webfont.woff
75
+ - templates/project/manifest.rb
76
+ - templates/project/sass/_icons.scss
77
+ - templates/project/sass/_typography-config.scss
78
+ - templates/project/sass/_typography.scss
79
+ - templates/project/sass/main.scss
80
+ - templates/project/stylesheets/main.css
81
+ - templates/project/type-specimen.html
70
82
  homepage: https://github.com/dfusilier/sane-scale.git
71
83
  licenses:
72
84
  - MIT
@@ -87,7 +99,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
87
99
  version: 1.3.6
88
100
  requirements: []
89
101
  rubyforge_project: sane-scale
90
- rubygems_version: 2.2.2
102
+ rubygems_version: 2.6.4
91
103
  signing_key:
92
104
  specification_version: 4
93
105
  summary: Sane Scale is a framework for defining and applying typographic styles. Its
data/stylesheets/sane-scale/_make-font-scale.scss DELETED
@@ -1,47 +0,0 @@
1
-
2
- // Create a modular font scale.
3
- // Returns a nested list of font-size and line-height values.
4
-
5
- @function ss-make-font-scale(
6
- $base-size,
7
- $base-line-height,
8
- $max-size,
9
- $max-line-height,
10
- $numb-smaller-sizes: 1,
11
- $numb-larger-sizes: 4,
12
- $rounding: false
13
- ) {
14
-
15
- // If line-height params are unitless values,
16
- // covert to unit values.
17
- $base-line-height: if(unitless($base-line-height), $base-size * $base-line-height, $base-line-height);
18
- $max-line-height: if(unitless($max-line-height), $max-size * $max-line-height, $max-line-height);
19
-
20
- // Create font-size and line-height scales
21
- $font-size-scale: ss-make-scale($base-size, $max-size, $numb-smaller-sizes, $numb-larger-sizes, $rounding);
22
- $line-height-scale: ss-make-scale($base-line-height, $max-line-height, $numb-smaller-sizes, $numb-larger-sizes, $rounding);
23
-
24
- $font-scale: ();
25
-
26
- // Pair each size with the correponding font-size
27
- // and line-height, then add the size to the scale.
28
- @for $i from -$numb-smaller-sizes to $numb-larger-sizes + 1 {
29
-
30
- // Calculate array position in order to lookup sizes in lists.
31
- $arr-position: $i + $numb-smaller-sizes + 1;
32
-
33
- // Key for size
34
- $name-of-size: $i;
35
-
36
- // Values for size
37
- $values: (
38
- font-size: nth($font-size-scale, $arr-position),
39
- line-height: nth($line-height-scale, $arr-position)
40
- );
41
-
42
- // Merge into $font-scale.
43
- $font-scale: map-merge($font-scale, ($name-of-size: $values));
44
- }
45
-
46
- @return $font-scale;
47
- }
data/stylesheets/sane-scale/_make-responsive-font-scale.scss DELETED
@@ -1,51 +0,0 @@
1
-
2
- // Augments a breakpoint map by building a "scale" property
3
- // containing the specified sizes to each breakpoint.
4
-
5
- @function ss-make-responsive-font-scale(
6
- $breakpoints: (
7
- // Phone sizes
8
- "default": (
9
- "base-font-size": 18px,
10
- "base-line-height": 1.5,
11
- "max-font-size": 28px,
12
- "max-line-height": 1.35,
13
- "rounding": false
14
- ),
15
- // Tablet sizes and larger
16
- "tablet": (
17
- "media-query": "screen and (min-width: 600px)",
18
- "base-font-size": 20px,
19
- "base-line-height": 1.6,
20
- "max-font-size": 42px,
21
- "max-line-height": 1.25,
22
- "rounding": false
23
- )
24
- ),
25
- $numb-smaller-sizes: 1,
26
- $numb-larger-sizes: 4
27
- ) {
28
-
29
- $sane-scale: ();
30
-
31
- // Create a scale for each breakpoint.
32
- @each $breakpoint-name, $breakpoint-value in $breakpoints {
33
-
34
- // Create a font scale.
35
- $scale: ss-make-font-scale(
36
- map-get($breakpoint-value, "base-font-size"),
37
- map-get($breakpoint-value, "base-line-height"),
38
- map-get($breakpoint-value, "max-font-size"),
39
- map-get($breakpoint-value, "max-line-height"),
40
- $numb-smaller-sizes,
41
- $numb-larger-sizes,
42
- map-get($breakpoint-value, "rounded")
43
- );
44
-
45
- // Merge into responsive scale.
46
- $new-breakpoint-value: map-merge($breakpoint-value, ("scale": $scale));
47
- $sane-scale: map-merge($sane-scale, ($breakpoint-name: $new-breakpoint-value));
48
- }
49
-
50
- @return $sane-scale;
51
- }