spina-template 0.3.3 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/.fontcustom-manifest.json +42 -2
  3. data/Gemfile +4 -0
  4. data/app/assets/fonts/spina/icons_spina.eot +0 -0
  5. data/app/assets/fonts/spina/icons_spina.svg +56 -10
  6. data/app/assets/fonts/spina/icons_spina.ttf +0 -0
  7. data/app/assets/fonts/spina/icons_spina.woff +0 -0
  8. data/app/assets/icons/spina/barchart.svg +10 -0
  9. data/app/assets/icons/spina/cart.svg +10 -0
  10. data/app/assets/icons/spina/customer-outline.svg +10 -0
  11. data/app/assets/icons/spina/exclamation.svg +13 -0
  12. data/app/assets/icons/spina/filter.svg +10 -0
  13. data/app/assets/icons/spina/info.svg +13 -0
  14. data/app/assets/icons/spina/megaphone.svg +10 -0
  15. data/app/assets/icons/spina/pencil.svg +16 -0
  16. data/app/assets/icons/spina/preview/icons_spina-preview.html +153 -3
  17. data/app/assets/icons/spina/product-outline.svg +10 -0
  18. data/app/assets/icons/spina/shop.svg +12 -0
  19. data/app/assets/images/spina/spina_small.png +0 -0
  20. data/app/assets/javascripts/spina.coffee.erb +23 -8
  21. data/app/assets/javascripts/spina/dropdown.coffee +11 -0
  22. data/app/assets/javascripts/spina/galleryselect.coffee +4 -3
  23. data/app/assets/javascripts/spina/navigation.coffee +19 -0
  24. data/app/assets/javascripts/spina/notifications.coffee +7 -0
  25. data/app/assets/stylesheets/spina.sass +184 -225
  26. data/app/assets/stylesheets/spina/_buttons.sass +22 -10
  27. data/app/assets/stylesheets/spina/_forms.sass +169 -6
  28. data/app/assets/stylesheets/spina/_grid.sass +6 -0
  29. data/app/assets/stylesheets/spina/_icons_spina.scss +10 -0
  30. data/app/assets/stylesheets/spina/_labels.sass +4 -2
  31. data/app/assets/stylesheets/spina/_notifications.sass +60 -0
  32. data/app/assets/stylesheets/spina/_sortable_lists.sass +18 -11
  33. data/app/assets/stylesheets/spina/_tables.sass +156 -9
  34. data/app/assets/stylesheets/spina/_wizard.sass +103 -0
  35. data/app/assets/stylesheets/spina/_wysihtml5.sass +1 -1
  36. data/lib/spina/template/version.rb +1 -1
  37. data/spina-template.gemspec +0 -1
  38. data/vendor/assets/javascripts/spina/sortable.js +2 -0
  39. data/vendor/assets/stylesheets/spina/_nprogress.scss +1 -0
  40. metadata +19 -17
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 6f7ec301190d728c217643f50b10519c87445595
4
- data.tar.gz: f06b7c16cd490df89751a18448e5ff23bb99158b
3
+ metadata.gz: 26fff9535145d7485b344977ccaaae2747701617
4
+ data.tar.gz: 111e9b7eb6c51be306dd38338c50e3b66b0cbb65
5
5
  SHA512:
6
- metadata.gz: b1a8260c0f501869d9f23a7d9a8e1c02908d021d1e002939568a84e4ed895c1ff19bfca9159b74adcee1267787d0b4c9842c0de22f8be0a90c5ac08e3c73b9e5
7
- data.tar.gz: 21cd3fa6e8751ef72e2bbd0ff0ffcd791e54201b50af93d3af97fce718f0478090a8dd415cb7b585a224770073e67f28602ae94143fd6b414810a200e3ea5809
6
+ metadata.gz: bf3a534909c44227639bda666b04e5ecf43d40412db4e6deb1203dfada0b467636f6d5f54bd4c64c359bd38bc7b46ed40141a724269410ae92e99d49636c1bac
7
+ data.tar.gz: 9b08e8d6447151bb3add59c3ef72089d277705145c0e44c23f7a47eb8f954e3a12d36422bb74206694f3daf05b865da52452e6d55d20ff592a55991cc834fbf8
data/.fontcustom-manifest.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "checksum": {
3
- "previous": "f41baa27754f14914953c8becaa2c98feeb21babb0b39362b4799ab63f5f26e1",
4
- "current": "f41baa27754f14914953c8becaa2c98feeb21babb0b39362b4799ab63f5f26e1"
3
+ "previous": "d7a224e4be2ca3289d8f62c5bd3ed1ff861db5663661752c566f98a1b924a46c",
4
+ "current": "d7a224e4be2ca3289d8f62c5bd3ed1ff861db5663661752c566f98a1b924a46c"
5
5
  },
6
6
  "fonts": [
7
7
  "app/assets/fonts/spina/icons_spina.ttf",
@@ -10,6 +10,10 @@
10
10
  "app/assets/fonts/spina/icons_spina.eot"
11
11
  ],
12
12
  "glyphs": {
13
+ "barchart": {
14
+ "codepoint": 61747,
15
+ "source": "app/assets/icons/spina/barchart.svg"
16
+ },
13
17
  "bars": {
14
18
  "codepoint": 61710,
15
19
  "source": "app/assets/icons/spina/bars.svg"
@@ -42,6 +46,10 @@
42
46
  "codepoint": 61723,
43
47
  "source": "app/assets/icons/spina/caret-up.svg"
44
48
  },
49
+ "cart": {
50
+ "codepoint": 61745,
51
+ "source": "app/assets/icons/spina/cart.svg"
52
+ },
45
53
  "chart-outline": {
46
54
  "codepoint": 61705,
47
55
  "source": "app/assets/icons/spina/chart-outline.svg"
@@ -86,6 +94,10 @@
86
94
  "codepoint": 61718,
87
95
  "source": "app/assets/icons/spina/cross.svg"
88
96
  },
97
+ "customer-outline": {
98
+ "codepoint": 61748,
99
+ "source": "app/assets/icons/spina/customer-outline.svg"
100
+ },
89
101
  "document": {
90
102
  "codepoint": 61696,
91
103
  "source": "app/assets/icons/spina/document.svg"
@@ -94,10 +106,18 @@
94
106
  "codepoint": 61742,
95
107
  "source": "app/assets/icons/spina/dots.svg"
96
108
  },
109
+ "exclamation": {
110
+ "codepoint": 61752,
111
+ "source": "app/assets/icons/spina/exclamation.svg"
112
+ },
97
113
  "eye": {
98
114
  "codepoint": 61740,
99
115
  "source": "app/assets/icons/spina/eye.svg"
100
116
  },
117
+ "filter": {
118
+ "codepoint": 61750,
119
+ "source": "app/assets/icons/spina/filter.svg"
120
+ },
101
121
  "home": {
102
122
  "codepoint": 61698,
103
123
  "source": "app/assets/icons/spina/home.svg"
@@ -110,6 +130,10 @@
110
130
  "codepoint": 61714,
111
131
  "source": "app/assets/icons/spina/inbox-outline.svg"
112
132
  },
133
+ "info": {
134
+ "codepoint": 61753,
135
+ "source": "app/assets/icons/spina/info.svg"
136
+ },
113
137
  "italic": {
114
138
  "codepoint": 61729,
115
139
  "source": "app/assets/icons/spina/italic.svg"
@@ -138,6 +162,10 @@
138
162
  "codepoint": 61697,
139
163
  "source": "app/assets/icons/spina/media-library.svg"
140
164
  },
165
+ "megaphone": {
166
+ "codepoint": 61746,
167
+ "source": "app/assets/icons/spina/megaphone.svg"
168
+ },
141
169
  "min": {
142
170
  "codepoint": 61735,
143
171
  "source": "app/assets/icons/spina/min.svg"
@@ -146,6 +174,10 @@
146
174
  "codepoint": 61737,
147
175
  "source": "app/assets/icons/spina/pages.svg"
148
176
  },
177
+ "pencil": {
178
+ "codepoint": 61751,
179
+ "source": "app/assets/icons/spina/pencil.svg"
180
+ },
149
181
  "pencil-outline": {
150
182
  "codepoint": 61709,
151
183
  "source": "app/assets/icons/spina/pencil-outline.svg"
@@ -166,6 +198,10 @@
166
198
  "codepoint": 61708,
167
199
  "source": "app/assets/icons/spina/preview.svg"
168
200
  },
201
+ "product-outline": {
202
+ "codepoint": 61749,
203
+ "source": "app/assets/icons/spina/product-outline.svg"
204
+ },
169
205
  "random": {
170
206
  "codepoint": 61711,
171
207
  "source": "app/assets/icons/spina/random.svg"
@@ -178,6 +214,10 @@
178
214
  "codepoint": 61712,
179
215
  "source": "app/assets/icons/spina/search.svg"
180
216
  },
217
+ "shop": {
218
+ "codepoint": 61744,
219
+ "source": "app/assets/icons/spina/shop.svg"
220
+ },
181
221
  "social-outline": {
182
222
  "codepoint": 61704,
183
223
  "source": "app/assets/icons/spina/social-outline.svg"
data/Gemfile CHANGED
@@ -2,3 +2,7 @@ source 'https://rubygems.org'
2
2
 
3
3
  # Specify your gem's dependencies in spina-template.gemspec
4
4
  gemspec
5
+
6
+ group :development, :test do
7
+ gem 'fontcustom'
8
+ end
data/app/assets/fonts/spina/icons_spina.eot CHANGED
Binary file
data/app/assets/fonts/spina/icons_spina.svg CHANGED
@@ -1,11 +1,11 @@
1
1
  <?xml version="1.0" standalone="no"?>
2
2
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3
3
  <!--
4
- 2016-1-18: Created with FontForge (http://fontforge.org)
4
+ 2016-7-29: Created with FontForge (http://fontforge.org)
5
5
  -->
6
6
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
7
7
  <metadata>
8
- Created by FontForge 20141127 at Mon Jan 18 11:00:54 2016
8
+ Created by FontForge 20160407 at Fri Jul 29 14:32:47 2016
9
9
  By Bram Jetten
10
10
  Copyright (c) 2016, Bram Jetten
11
11
  </metadata>
@@ -22,7 +22,7 @@ Copyright (c) 2016, Bram Jetten
22
22
  bbox="-18.2861 -64.0879 530.286 448"
23
23
  underline-thickness="25.6"
24
24
  underline-position="-51.2"
25
- unicode-range="U+0020-F12F"
25
+ unicode-range="U+0020-F139"
26
26
  />
27
27
  <missing-glyph />
28
28
  <glyph glyph-name="space" unicode=" " horiz-adv-x="200"
@@ -34,6 +34,11 @@ c-0.571615 0.76237 -0.619466 1.90527 -0.143555 3.42871c0.476562 1.52409 0.667318
34
34
  s7.85742 8.66667 9.85742 10.8574c2 2.1901 4.95215 5.95182 8.85645 11.2852c3.90495 5.33333 7.00033 10.1908 9.28613 14.5723c2.28581 4.38086 4.8571 9.99967 7.71387 16.8564c2.85742 6.85742 5.33366 14.0957 7.42871 21.7148
35
35
  c-29.9049 16.9525 -53.4762 37.9046 -70.7139 62.8564c-17.2383 24.9525 -25.8574 51.7145 -25.8574 80.2861c0 24.7617 6.76204 48.4284 20.2861 71c13.5234 22.5716 31.7139 42.0479 54.5713 58.4287c22.8568 16.3809 50.0947 29.3809 81.7139 39
36
36
  s64.762 14.4287 99.4287 14.4287c46.4759 0 89.333 -8.1429 128.571 -24.4287s70.2858 -38.4762 93.1426 -66.5713c22.8574 -28.0957 34.2861 -58.7148 34.2861 -91.8574z" />
37
+ <glyph glyph-name="uniF130" unicode="&#xf130;"
38
+ d="M156.749 262.4c-4.07031 -25.2422 -31.7959 -44.8008 -65.3311 -44.8008c-36.3779 0 -65.8184 22.9385 -65.8184 51.2002c0 4.45508 0.716797 8.7041 2.07422 12.7998l44.0059 115.2h105.318zM256 217.6c-36.3516 0 -65.8174 22.9385 -65.8174 51.2002
39
+ c0 1.10059 0.0507812 2.15039 0.102539 3.2002l13.0557 124.8h105.318l13.0303 -124.902c0.0517578 -0.998047 0.12793 -2.04785 0.12793 -3.09766c0 -28.2617 -29.4658 -51.2002 -65.8174 -51.2002zM384 190.822c11.2383 -4.14746 23.6289 -6.50195 36.582 -6.52832
40
+ c4.99219 0 9.80469 0.615234 14.6182 1.25488v-162.509c0 -19.6865 -16.1279 -35.8398 -35.8398 -35.8398h-286.771c-19.6865 0 -35.7891 16.1279 -35.7891 35.8398v162.534c4.78711 -0.665039 9.62598 -1.25391 14.6182 -1.25391c13.0303 0 25.3691 2.30371 36.582 6.34863
41
+ v-101.069h256v101.223zM484.352 281.6c1.33203 -4.0957 2.04883 -8.34473 2.04883 -12.7998c0 -28.2617 -29.4658 -51.2002 -65.8184 -51.2002c-33.6895 0 -61.4141 19.6611 -65.3564 45.0049l-20.2236 134.195h105.292z" />
37
42
  <glyph glyph-name="uniF10E" unicode="&#xf10e;"
38
43
  d="M475.429 64v-36.5713c0 -4.95247 -1.80957 -9.23828 -5.42871 -12.8574s-7.90495 -5.42871 -12.8574 -5.42871h-402.285c-4.95247 0 -9.23828 1.80957 -12.8574 5.42871s-5.42871 7.90495 -5.42871 12.8574v36.5713c0 4.95247 1.80957 9.23828 5.42871 12.8574
39
44
  s7.90495 5.42871 12.8574 5.42871h402.285c4.95247 0 9.23828 -1.80957 12.8574 -5.42871s5.42871 -7.90495 5.42871 -12.8574zM475.429 210.286v-36.5723c0 -4.95182 -1.80957 -9.2373 -5.42871 -12.8564s-7.90495 -5.42871 -12.8574 -5.42871h-402.285
@@ -49,6 +54,14 @@ c2.19076 1.23828 4.42904 1.47656 6.71484 0.714844l17.7139 -4.85742c2.47656 -0.76
49
54
  c-2.47656 0 -4.66699 0.952474 -6.57129 2.85742l-14.2861 14.2861c-1.90495 1.9043 -2.85742 4.09473 -2.85742 6.57129c0 2.47591 0.952474 4.66634 2.85742 6.57129l112.286 112.285l-112.286 112.286c-1.90495 1.90495 -2.85742 4.09538 -2.85742 6.57129
50
55
  c0 2.47656 0.952474 4.66699 2.85742 6.57129l14.2861 14.2861c1.9043 1.90495 4.09473 2.85742 6.57129 2.85742c2.47591 0 4.66634 -0.952474 6.57129 -2.85742l133.143 -133.143c1.90495 -1.90495 2.85742 -4.0957 2.85742 -6.57227
51
56
  c0 -2.47591 -0.952474 -4.66634 -2.85742 -6.57129z" />
57
+ <glyph glyph-name="uniF137" unicode="&#xf137;"
58
+ d="M435.827 268.314l-286.112 -286.112l-103.508 103.508l286.112 286.111zM502.541 383.551v0c13.3965 -13.3975 12.4482 -36.0674 -2.11426 -50.6338l-51.6602 -51.6602l-103.507 103.507l51.6592 51.6602c14.5664 14.5674 37.2354 15.5137 50.6328 2.11426z
59
+ M36.5957 69.4268l96.8184 -96.8311l-133.414 -36.5957z" />
60
+ <glyph glyph-name="uniF134" unicode="&#xf134;"
61
+ d="M256.002 392v0c-44.1836 0 -80 -35.8164 -80 -80v-64c0 -26.1719 64 -112 64 -112l0.444336 -0.442383c-85.2061 -4.66797 -160.271 -47.4141 -208.444 -111.529v-32.0283h448v32.0244c-48.1738 64.1172 -123.238 106.863 -208.444 111.531l0.444336 0.444336
62
+ s64 85.8281 64 112v64c0 44.1836 -35.8164 80 -80 80zM256.002 424v0v0c61.7559 0 112 -50.2441 112 -112v-64c0 -12.7617 -4.41211 -32.624 -37.1357 -83.1963c-1.10645 -1.70996 -2.20996 -3.40137 -3.31055 -5.07324c70.5645 -16.5547 133.606 -57.3604 178.028 -116.482
63
+ c4.16406 -5.54395 6.41602 -12.2881 6.41602 -19.2217v-32.0264c0 -17.6719 -14.3281 -32 -32 -32h-448c-17.6719 0 -32 14.3281 -32 32v32.0283c0 6.93164 2.25195 13.6797 6.41602 19.2217c44.4219 59.1201 107.464 99.9258 178.028 116.478
64
+ c-1.10059 1.67285 -2.20215 3.36426 -3.31055 5.07422c-32.7197 50.5742 -37.1318 70.4365 -37.1318 83.1982v64c0 61.7559 50.2441 112 112 112z" />
52
65
  <glyph glyph-name="uniF128" unicode="&#xf128;"
53
66
  d="M448 448v0c35.29 0 64 -28.7119 64 -64v-384c0 -35.2881 -28.71 -64 -64 -64h-384c-35.29 0 -64 28.7119 -64 64v384c0 35.2881 28.71 64 64 64h384zM480 0v0v384c0 17.5996 -14.4004 32 -32 32h-384c-17.5996 0 -32 -14.4004 -32 -32v-384
54
67
  c0 -17.5996 14.4004 -32 32 -32h384c17.5996 0 32 14.4004 32 32zM448 152.002v0v-0.00390625v-71.998c0 -8.83594 -7.16406 -16 -16 -16h-352c-8.83594 0 -16 7.16406 -16 16v288c0 8.83594 7.16406 16 16 16h352c8.83594 0 16 -7.16406 16 -16v-215.998zM432 368v0h-352
@@ -163,6 +176,9 @@ s7.90495 5.42871 12.8574 5.42871s9.23796 -1.80957 12.8564 -5.42871l128 -128c3.61
163
176
  d="M256 122.182v0c-38.5625 0 -69.8184 31.2617 -69.8184 69.8184s31.2559 69.8184 69.8184 69.8184c38.5596 0 69.8184 -31.2617 69.8184 -69.8184s-31.2588 -69.8184 -69.8184 -69.8184zM69.8184 122.182v0c-38.5635 0 -69.8184 31.2617 -69.8184 69.8184
164
177
  s31.2549 69.8184 69.8184 69.8184c38.5596 0 69.8184 -31.2617 69.8184 -69.8184s-31.2588 -69.8184 -69.8184 -69.8184zM442.182 122.182v0c-38.5625 0 -69.8184 31.2617 -69.8184 69.8184s31.2559 69.8184 69.8184 69.8184c38.5605 0 69.8184 -31.2617 69.8184 -69.8184
165
178
  s-31.2578 -69.8184 -69.8184 -69.8184z" />
179
+ <glyph glyph-name="uniF138" unicode="&#xf138;"
180
+ d="M256 89.5996c-28.2754 0 -51.2002 22.9219 -51.2002 51.2002v256c0 28.2783 22.9248 51.2002 51.2002 51.2002s51.2002 -22.9219 51.2002 -51.2002v-256c0 -28.2783 -22.9248 -51.2002 -51.2002 -51.2002v0v0zM307.2 -12.7998
181
+ c0 -28.2783 -22.9219 -51.2002 -51.2002 -51.2002s-51.2002 22.9219 -51.2002 51.2002s22.9219 51.2002 51.2002 51.2002s51.2002 -22.9219 51.2002 -51.2002z" />
166
182
  <glyph glyph-name="uniF10D" unicode="&#xf10d;"
167
183
  d="M494.168 308.488l-328.376 -328.376l-165.787 -41.4482l41.4453 165.797l328.377 328.374c8.32715 8.33008 19.2471 12.498 30.168 12.498c10.9199 0 21.8398 -4.16504 30.168 -12.498l64.0049 -64.0059c16.6641 -16.6641 16.6641 -43.6797 0 -60.3408v0z
168
184
  M143.981 18.6396l10.667 10.6699l-64.0029 64l-10.667 -10.667l-21.3359 -85.3389l85.3389 21.3359v0zM346.658 221.32l-64.0049 64.002l-170.672 -170.674l64 -64.0029l170.677 170.675v0zM399.995 274.656l-64.0029 64.002l-32.0029 -32l64.0029 -64.002l32.0029 32v0z
@@ -190,6 +206,13 @@ c0 26.4658 21.5342 48 48 48zM192 176v0c-26.5078 0 -48 -21.4883 -48 -48s21.4922 -
190
206
  <glyph glyph-name="uniF12F" unicode="&#xf12f;"
191
207
  d="M163.838 -64.001c-11.9248 0 -23.2969 5.2041 -31.0967 14.3027l-122.88 143.359c-14.7227 17.1758 -12.7334 43.0361 4.44141 57.7568c17.1777 14.7227 43.0332 12.7305 57.7539 -4.44141l88.8467 -103.655l276.801 387.523
192
208
  c13.1455 18.4062 38.7275 22.6738 57.1357 9.52051c18.4072 -13.1455 22.6719 -38.7275 9.52344 -57.1367l-307.194 -430.078c-7.31641 -10.2451 -18.9414 -16.5576 -31.5186 -17.1133c-0.604492 -0.0253906 -1.21094 -0.0380859 -1.8125 -0.0380859v0v0z" />
209
+ <glyph glyph-name="uniF131" unicode="&#xf131;"
210
+ d="M168 49.6426v0c22.0557 0 40 -17.8633 40 -39.8213c0 -21.957 -17.9443 -39.8213 -40 -39.8213s-40 17.8643 -40 39.8213c0 21.958 17.9443 39.8213 40 39.8213zM168 -14.0713v0c13.2559 0 24 10.6963 24 23.8926c0 13.1973 -10.7441 23.8926 -24 23.8926
211
+ s-24 -10.6953 -24 -23.8926c0 -13.1963 10.7441 -23.8926 24 -23.8926zM408 49.6426v0c22.0557 0 40 -17.8633 40 -39.8213c0 -21.957 -17.9443 -39.8213 -40 -39.8213s-40 17.8643 -40 39.8213c0 21.958 17.9443 39.8213 40 39.8213zM408 -14.0713v0
212
+ c13.2559 0 24 10.6963 24 23.8926c0 13.1973 -10.7441 23.8926 -24 23.8926s-24 -10.6953 -24 -23.8926c0 -13.1963 10.7441 -23.8926 24 -23.8926zM508.268 378.44v0c3.04004 -3.61621 4.31641 -8.38477 3.48242 -13.0254l-40 -223
213
+ c-1.3623 -7.59766 -7.99805 -13.1289 -15.75 -13.1289h-305.282l6.40039 -31.8574h274.882c8.83594 0 16 -7.13184 16 -15.9287s-7.16406 -15.9287 -16 -15.9287h-288c-7.62793 0 -14.1943 5.36035 -15.6904 12.8047l-61.4277 305.767h-50.8818
214
+ c-8.83594 0 -16 7.13184 -16 15.9287s7.16406 15.9287 16 15.9287h64c7.62793 0 14.1943 -5.36035 15.6904 -12.8047l3.82715 -19.0527h396.482c4.73633 0 9.22754 -2.08789 12.2676 -5.70215zM208 161.143v0v95.5713h-82.8838l19.2002 -95.5713h63.6836zM208 272.643v0
215
+ v79.6436h-102.084l16 -79.6436h86.084zM352 161.143v0v95.5713h-128v-95.5713h128zM352 272.643v0v79.6436h-128v-79.6436h128zM442.604 161.143v0l17.1445 95.5713h-91.748v-95.5713h74.6035zM462.604 272.643v0l14.2861 79.6436h-108.89v-79.6436h94.6035z" />
193
216
  <glyph glyph-name="uniF106" unicode="&#xf106;"
194
217
  d="M255.998 272v0c-44.1836 0 -80 -35.8164 -80 -80s35.8164 -80 80 -80s80 35.8164 80 80s-35.8164 80 -80 80zM255.998 288v0v0c52.9355 0 96 -43.0664 96 -96s-43.0645 -96 -96 -96c-52.9336 0 -96 43.0664 -96 96s43.0664 96 96 96zM255.998 416v0
195
218
  c-8.22168 0 -16.3359 -0.458008 -24.3281 -1.32031l-17.0283 -68.1055c-13.708 -3.6582 -26.6758 -9.10059 -38.6719 -16.0459l-60.2139 36.1279c-12.6758 -10.1943 -24.2178 -21.7363 -34.4141 -34.4141l36.1279 -60.2139
@@ -244,19 +267,27 @@ c7.75586 4.23242 17.4775 1.37207 21.708 -6.38379c4.23242 -7.75781 1.37402 -17.47
244
267
  <glyph glyph-name="uniF129" unicode="&#xf129;"
245
268
  d="M416 -32c0 -17.6719 -14.3281 -32 -32 -32h-320c-17.6719 0 -32 14.3281 -32 32v384c0 17.6719 14.3281 32 32 32v-416h352v0zM480 320v-288c0 -17.6719 -14.3281 -32 -32 -32h-320c-17.6719 0 -32 14.3281 -32 32v384c0 17.6719 14.3281 32 32 32h224
246
269
  c8.48633 0 16.626 -3.37207 22.626 -9.37402l96 -96c6.00391 -6.00195 9.37402 -14.1396 9.37402 -22.626v0zM352 320h96l-96 96v-96v0zM448 304h-96c-8.83594 0 -16 7.16406 -16 16v96h-208v-384h320v272v0z" />
270
+ <glyph glyph-name="uniF139" unicode="&#xf139;"
271
+ d="M296.422 286.315v0c-44.6543 0 -80.8418 36.1943 -80.8418 80.8428s36.1875 80.8418 80.8418 80.8418c44.6523 0 80.8428 -36.1934 80.8428 -80.8418s-36.1904 -80.8428 -80.8428 -80.8428zM348.64 26.1895v0c4.76953 -12.8906 -0.929688 -27.3047 -13.2246 -33.4521
272
+ l-107.782 -53.8945c-3.7998 -1.90625 -7.92969 -2.8457 -12.0459 -2.8457h-0.0439453c-4.29785 0 -8.66699 0.525391 -13.0225 1.62012c-28.874 7.21484 -46.4268 36.4766 -39.208 65.3506l39.5049 158.06l-34.5908 -8.65039
273
+ c-2.18945 -0.544922 -4.38184 -0.808594 -6.54785 -0.808594c-11.0449 0 -21.2754 6.82812 -25.2627 17.6074c-4.77051 12.8906 0.929688 27.3047 13.2236 33.4512l107.783 53.8955c3.80664 1.90234 7.92871 2.8457 12.0488 2.8457
274
+ c0.539062 0 1.07129 -0.0771484 1.61035 -0.111328c3.7959 -0.100586 7.61914 -0.551758 11.4561 -1.50879c28.874 -7.21875 46.4229 -36.4766 39.208 -65.3506l-39.5078 -158.06l34.5898 8.64648c2.18945 0.545898 4.37891 0.808594 6.54785 0.808594
275
+ c11.0391 0 21.2754 -6.82812 25.2637 -17.6035z" />
247
276
  <glyph glyph-name="uniF11B" unicode="&#xf11b;"
248
277
  d="M402.286 100.571c0 -4.95247 -1.80957 -9.23828 -5.42871 -12.8574c-3.61914 -3.61849 -7.90495 -5.42773 -12.8574 -5.42773h-256c-4.95247 0 -9.23828 1.80924 -12.8574 5.42773c-3.61914 3.61914 -5.42871 7.90495 -5.42871 12.8574s1.80957 9.23828 5.42871 12.8574
249
278
  l128 128c3.61914 3.61914 7.90495 5.42871 12.8574 5.42871c4.95247 0 9.23828 -1.80957 12.8574 -5.42871l128 -128c3.61914 -3.61914 5.42871 -7.90495 5.42871 -12.8574z" />
250
279
  <glyph glyph-name="uniF110" unicode="&#xf110;"
251
280
  d="M497.94 17.9404v0c18.7432 -18.7461 18.7432 -49.1387 0.00195312 -67.8828c-9.37207 -9.36914 -21.6543 -14.0576 -33.9404 -14.0576s-24.5684 4.68555 -33.9424 14.0576l-140.535 140.536c-28.584 -16.8896 -61.9209 -26.5938 -97.5244 -26.5938
252
281
  c-106.04 0 -192 85.96 -192 192s85.96 192 192 192c106.038 0 192 -85.96 192 -192c0 -35.6064 -9.7041 -68.9404 -26.5938 -97.5244zM64 255.998v0c0 -70.5781 57.4199 -128 128 -128s128 57.4219 128 128s-57.4199 128 -128 128s-128 -57.4219 -128 -128z" />
253
- <glyph glyph-name="uniF10C" unicode="&#xf10c;"
254
- d="M255.006 248.778c-39.5479 0 -71.7197 32.1719 -71.7197 71.7197s32.1719 71.7197 71.7197 71.7197c4.40039 0 7.96875 -3.56836 7.96875 -7.96875s-3.56836 -7.96875 -7.96875 -7.96875c-30.7598 0 -55.7822 -25.0244 -55.7822 -55.7822
255
- s25.0225 -55.7822 55.7822 -55.7822c30.7578 0 55.7822 25.0244 55.7822 55.7822c0 4.40039 3.56738 7.96875 7.96875 7.96875c4.40039 0 7.96875 -3.56836 7.96875 -7.96875c0 -39.5479 -32.1748 -71.7197 -71.7197 -71.7197v0v0zM506.857 314.071v0
256
- c5.25391 -7.0625 3.79004 -17.0459 -3.27441 -22.2969c-2.85742 -2.12598 -6.19238 -3.15137 -9.49902 -3.15137c-4.86719 0 -9.6748 2.2207 -12.7998 6.42676c-58.0752 78.0771 -138.436 121.075 -226.278 121.075c-36.1729 0 -71.0723 -7.30957 -103.675 -21.3389
257
- c-0.857422 -1.31348 -1.73535 -2.5459 -2.35156 -3.4668c-14.0488 -20.9863 -21.4756 -45.4746 -21.4756 -70.8213c0 -70.3057 57.1963 -127.502 127.502 -127.502c70.3047 0 127.502 57.1963 127.502 127.502c0 8.80176 7.13574 15.9375 15.9375 15.9375
258
- s15.9375 -7.13574 15.9375 -15.9375c0 -87.8809 -71.4961 -159.377 -159.377 -159.377c-87.8828 0 -159.378 71.4961 -159.378 159.377c0 16.165 2.43262 32.0508 7.13672 47.2256c-27.2979 -19.0039 -52.2383 -43.3662 -74.0391 -72.6738
259
- c-5.25 -7.0625 -15.2383 -8.5293 -22.2969 -3.27734c-7.06641 5.25293 -8.53027 15.2363 -3.27734 22.2988c64.2412 86.3643 153.686 133.929 251.854 133.929c98.168 0 187.611 -47.5645 251.852 -133.929z" />
282
+ <glyph glyph-name="uniF132" unicode="&#xf132;"
283
+ d="M496 280v0c8.83594 0 16 -7.16406 16 -16v-64c0 -8.83594 -7.16406 -16 -16 -16h-16v-96c0 -10.6982 -5.34766 -20.6904 -14.25 -26.624c-5.33594 -3.55957 -11.5244 -5.37598 -17.7539 -5.37598c-4.16406 0 -8.34766 0.811523 -12.3037 2.45996l-186.093 77.54h-56.6152
284
+ l30.0596 -120.238c2.3877 -9.56152 0.240234 -19.6875 -5.82227 -27.4561c-6.06348 -7.76562 -15.3701 -12.3057 -25.2217 -12.3057h-64c-14.6816 0 -27.4863 9.99414 -31.0439 24.2383l-32 128c-0.641602 2.56543 -0.929688 5.17188 -0.929688 7.76172h-32.0264
285
+ c-17.6719 0 -32 14.3281 -32 32v128c0 17.6719 14.3281 32 32 32h217.6l186.093 77.54c3.95801 1.64844 8.13965 2.45996 12.3037 2.45996c6.22949 0 12.4219 -1.82031 17.7539 -5.37598c8.90234 -5.93164 14.25 -15.9238 14.25 -26.624v-96h16zM32 296v0v-128h96v128h-96z
286
+ M192 8v0l-32 128h-64l32 -128h64zM144 168v0h112l144 -60v248l-144 -60h-112v-128zM448 88v0v288l-32 -13.332v-261.336zM496 200v0v64h-16v-64h16z" />
287
+ <glyph glyph-name="uniF135" unicode="&#xf135;"
288
+ d="M507.438 208.464v0c2.9834 -4.97363 4.56152 -10.6641 4.56152 -16.4639v-160c0 -17.6719 -14.3281 -32 -32 -32h-448c-17.6758 0 -32 14.3281 -32 32v160c0 5.7998 1.57422 11.4902 4.55762 16.4639l96 160c5.78223 9.6377 16.2002 15.5361 27.4424 15.5361h256
289
+ c11.2383 0 21.6543 -5.90039 27.4385 -15.5361zM384 352v0h-80v-16c0 -8.83594 -7.16406 -16 -16 -16h-24v-64h40c6.88379 0 13 -4.40625 15.1758 -10.9424l15.0205 -45.0576h141.004zM304 240v0h-96l-16 -48v-48h128v48zM224 352v0v-16h64v16h-64zM128 352v0l-91.2041 -152
290
+ h141.004l15.0205 45.0576c2.17578 6.53613 8.29199 10.9424 15.1797 10.9424h40v64h-24c-8.83984 0 -16 7.16406 -16 16v16h-80zM32 32v0h448v152h-144v-40c0 -8.83594 -7.16406 -16 -16 -16h-128c-8.83984 0 -16 7.16406 -16 16v40h-144v0v-152z" />
260
291
  <glyph glyph-name="uniF117" unicode="&#xf117;"
261
292
  d="M176 240v0h-32v-224h32v224zM176 256v0v0c8.83594 0 16 -7.16406 16 -16v-224c0 -8.83594 -7.16406 -16 -16 -16h-32c-8.83594 0 -16 7.16406 -16 16v224c0 8.83594 7.16406 16 16 16h32zM368 240v0h-32v-224h32v224zM368 256v0v0c8.83594 0 16 -7.16406 16 -16v-224
262
293
  c0 -8.83594 -7.16406 -16 -16 -16h-32c-8.83594 0 -16 7.16406 -16 16v224c0 8.83594 7.16406 16 16 16h32zM272 240v0h-32v-224h32v224zM272 256v0v0c8.83594 0 16 -7.16406 16 -16v-224c0 -8.83594 -7.16406 -16 -16 -16h-32c-8.83594 0 -16 7.16406 -16 16v224
@@ -270,6 +301,14 @@ c29.0049 16.7832 62.0771 25.6543 95.6465 25.6543c94.5947 0 173.356 -69.04 188.58
270
301
  c8.81445 -15.2393 3.61035 -34.7363 -11.626 -43.5547c-29.0088 -16.7803 -62.0801 -25.6514 -95.6426 -25.6514c-94.5986 0 -173.362 69.04 -188.585 159.377h-34.5479c-12.8936 0 -24.5137 7.7666 -29.4502 19.6777c-4.93262 11.9111 -2.2041 25.624 6.91113 34.7383
271
302
  l63.751 63.751c12.4473 12.4492 32.6299 12.4492 45.0771 0l63.751 -63.751c9.11719 -9.11621 11.8438 -22.8271 6.91113 -34.7383s-16.5596 -19.6777 -29.4463 -19.6777h-27.8457c14.1924 -54.9287 64.1709 -95.626 123.476 -95.626
272
303
  c22.3672 0 44.3965 5.90723 63.7109 17.083z" />
304
+ <glyph glyph-name="uniF136" unicode="&#xf136;"
305
+ d="M509.821 433.112c4.11523 -9.92578 2.4209 -18.3984 -5.08398 -25.4189l-179.019 -179.019v-269.436c0 -10.167 -4.71973 -17.3086 -14.1611 -21.4238c-3.14746 -1.20996 -6.17285 -1.81543 -9.07812 -1.81543c-6.53613 0 -11.9834 2.2998 -16.3408 6.89941
306
+ l-92.959 92.959c-4.59863 4.59961 -6.89844 10.0459 -6.89844 16.3398v176.477l-179.019 179.019c-7.50488 7.02051 -9.19922 15.4932 -5.08398 25.4189c4.11523 9.44043 11.2568 14.1611 21.4238 14.1611h464.795c10.167 0 17.3086 -4.7207 21.4238 -14.1611v0z" />
307
+ <glyph glyph-name="uniF133" unicode="&#xf133;"
308
+ d="M81.9199 192v0v-163.84c0 -11.2637 -9.21582 -20.4805 -20.4795 -20.4805h-40.96c-11.2646 0 -20.4805 9.2168 -20.4805 20.4805v163.84c0 11.2637 9.21582 20.4805 20.4805 20.4805h40.96c11.2637 0 20.4795 -9.2168 20.4795 -20.4805zM225.28 273.92v0v-245.76
309
+ c0 -11.2637 -9.21582 -20.4805 -20.4805 -20.4805h-40.96c-11.2637 0 -20.4795 9.2168 -20.4795 20.4805v245.76c0 11.2637 9.21582 20.4805 20.4795 20.4805h40.96c11.2646 0 20.4805 -9.2168 20.4805 -20.4805zM368.64 355.84v0v-327.68
310
+ c0 -11.2637 -9.21582 -20.4805 -20.4795 -20.4805h-40.96c-11.2646 0 -20.4805 9.2168 -20.4805 20.4805v327.68c0 11.2637 9.21582 20.4805 20.4805 20.4805h40.96c11.2637 0 20.4795 -9.2168 20.4795 -20.4805zM512 294.4v0v-266.24
311
+ c0 -11.2637 -9.21582 -20.4805 -20.4805 -20.4805h-40.96c-11.2637 0 -20.4795 9.2168 -20.4795 20.4805v266.24c0 11.2637 9.21582 20.4795 20.4795 20.4795h40.96c11.2646 0 20.4805 -9.21582 20.4805 -20.4795z" />
273
312
  <glyph glyph-name="uniF109" unicode="&#xf109;"
274
313
  d="M496 64h-480c-8.83594 0 -16 7.16406 -16 16v352c0 8.83594 7.16406 16 16 16s16 -7.16406 16 -16v-336h464c8.83594 0 16 -7.16406 16 -16s-7.16406 -16 -16 -16v0v0zM96 144v0v0c-2.0498 0 -4.13574 0.396484 -6.14648 1.23438
275
314
  c-8.15723 3.39746 -12.0156 12.7656 -8.61523 20.9238l79.998 191.996c2.30371 5.52148 7.49609 9.30176 13.46 9.79199c5.97754 0.481445 11.7041 -2.39258 14.876 -7.46582l64.8799 -103.807l67.2402 134.482c2.15918 4.31934 6.15918 7.43359 10.8779 8.46973
@@ -302,6 +341,13 @@ l45.0039 -27.002c3.5166 1.58594 7.07227 3.0625 10.6729 4.43262l12.7256 50.916c3.
302
341
  d="M480.857 67.7139l-47.4287 -47.1426c-3.61914 -3.61914 -7.90495 -5.42871 -12.8574 -5.42871s-9.23828 1.80957 -12.8574 5.42871l-151.714 151.715l-151.714 -151.715c-3.61914 -3.61914 -7.90495 -5.42871 -12.8574 -5.42871s-9.23828 1.80957 -12.8574 5.42871
303
342
  l-47.4287 47.1426c-3.61914 3.61914 -5.42871 7.95247 -5.42871 13c0 5.04818 1.80957 9.38151 5.42871 13l212 211.715c3.61914 3.61914 7.90495 5.42871 12.8574 5.42871c4.95247 0 9.23828 -1.80957 12.8574 -5.42871l212 -211.715
304
343
  c3.61914 -3.61849 5.42871 -7.95182 5.42871 -13c0 -5.04753 -1.80957 -9.38086 -5.42871 -13z" />
344
+ <glyph glyph-name="uniF10C" unicode="&#xf10c;"
345
+ d="M255.006 248.778c-39.5479 0 -71.7197 32.1719 -71.7197 71.7197s32.1719 71.7197 71.7197 71.7197c4.40039 0 7.96875 -3.56836 7.96875 -7.96875s-3.56836 -7.96875 -7.96875 -7.96875c-30.7598 0 -55.7822 -25.0244 -55.7822 -55.7822
346
+ s25.0225 -55.7822 55.7822 -55.7822c30.7578 0 55.7822 25.0244 55.7822 55.7822c0 4.40039 3.56738 7.96875 7.96875 7.96875c4.40039 0 7.96875 -3.56836 7.96875 -7.96875c0 -39.5479 -32.1748 -71.7197 -71.7197 -71.7197v0v0zM506.857 314.071v0
347
+ c5.25391 -7.0625 3.79004 -17.0459 -3.27441 -22.2969c-2.85742 -2.12598 -6.19238 -3.15137 -9.49902 -3.15137c-4.86719 0 -9.6748 2.2207 -12.7998 6.42676c-58.0752 78.0771 -138.436 121.075 -226.278 121.075c-36.1729 0 -71.0723 -7.30957 -103.675 -21.3389
348
+ c-0.857422 -1.31348 -1.73535 -2.5459 -2.35156 -3.4668c-14.0488 -20.9863 -21.4756 -45.4746 -21.4756 -70.8213c0 -70.3057 57.1963 -127.502 127.502 -127.502c70.3047 0 127.502 57.1963 127.502 127.502c0 8.80176 7.13574 15.9375 15.9375 15.9375
349
+ s15.9375 -7.13574 15.9375 -15.9375c0 -87.8809 -71.4961 -159.377 -159.377 -159.377c-87.8828 0 -159.378 71.4961 -159.378 159.377c0 16.165 2.43262 32.0508 7.13672 47.2256c-27.2979 -19.0039 -52.2383 -43.3662 -74.0391 -72.6738
350
+ c-5.25 -7.0625 -15.2383 -8.5293 -22.2969 -3.27734c-7.06641 5.25293 -8.53027 15.2363 -3.27734 22.2988c64.2412 86.3643 153.686 133.929 251.854 133.929c98.168 0 187.611 -47.5645 251.852 -133.929z" />
305
351
  <glyph glyph-name="uniF11C" unicode="&#xf11c;"
306
352
  d="M480.857 217.143l-212 -211.714c-3.61914 -3.61914 -7.90495 -5.42871 -12.8574 -5.42871c-4.95247 0 -9.23828 1.80957 -12.8574 5.42871l-212 211.714c-3.61914 3.61914 -5.42871 7.95247 -5.42871 13s1.80957 9.38086 5.42871 13l47.4287 47.1436
307
353
  c3.61914 3.61849 7.90495 5.42773 12.8574 5.42773s9.23828 -1.80924 12.8574 -5.42773l151.714 -151.715l151.714 151.715c3.61914 3.61849 7.90495 5.42773 12.8574 5.42773s9.23828 -1.80924 12.8574 -5.42773l47.4287 -47.1436
data/app/assets/fonts/spina/icons_spina.ttf CHANGED
Binary file
data/app/assets/icons/spina/barchart.svg ADDED
@@ -0,0 +1,10 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg width="200px" height="200px" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Shape</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8
+ <path d="M32,100 C32,95.6 28.4,92 24,92 L8,92 C3.6,92 0,95.6 0,100 L0,164 C0,168.4 3.6,172 8,172 L24,172 C28.4,172 32,168.4 32,164 L32,100 L32,100 Z M88,68 C88,63.6 84.4,60 80,60 L64,60 C59.6,60 56,63.6 56,68 L56,164 C56,168.4 59.6,172 64,172 L80,172 C84.4,172 88,168.4 88,164 L88,68 L88,68 Z M144,36 C144,31.6 140.4,28 136,28 L120,28 C115.6,28 112,31.6 112,36 L112,164 C112,168.4 115.6,172 120,172 L136,172 C140.4,172 144,168.4 144,164 L144,36 L144,36 Z M200,60 C200,55.6 196.4,52 192,52 L176,52 C171.6,52 168,55.6 168,60 L168,164 C168,168.4 171.6,172 176,172 L192,172 C196.4,172 200,168.4 200,164 L200,60 L200,60 Z" id="Shape" fill="#000000"></path>
9
+ </g>
10
+ </svg>
data/app/assets/icons/spina/cart.svg ADDED
@@ -0,0 +1,10 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg width="256px" height="256px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Shape</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8
+ <path d="M84,199.178571 C72.972,199.178571 64,208.110518 64,219.089286 C64,230.068054 72.972,239 84,239 C95.028,239 104,230.068054 104,219.089286 C104,208.110518 95.028,199.178571 84,199.178571 L84,199.178571 Z M84,231.035714 C77.372,231.035714 72,225.687696 72,219.089286 C72,212.490875 77.372,207.142857 84,207.142857 C90.628,207.142857 96,212.490875 96,219.089286 C96,225.687696 90.628,231.035714 84,231.035714 L84,231.035714 Z M204,199.178571 C192.972,199.178571 184,208.110518 184,219.089286 C184,230.068054 192.972,239 204,239 C215.028,239 224,230.068054 224,219.089286 C224,208.110518 215.028,199.178571 204,199.178571 L204,199.178571 Z M204,231.035714 C197.372,231.035714 192,225.687696 192,219.089286 C192,212.490875 197.372,207.142857 204,207.142857 C210.628,207.142857 216,212.490875 216,219.089286 C216,225.687696 210.628,231.035714 204,231.035714 L204,231.035714 Z M254.134,34.7797857 C252.614,32.9728884 250.368,31.9285714 248,31.9285714 L49.759,31.9285714 L47.845,22.4022902 C47.097,18.6799821 43.814,16 40,16 L8,16 C3.582,16 0,19.5660089 0,23.9642857 C0,28.3625625 3.582,31.9285714 8,31.9285714 L33.441,31.9285714 L64.155,184.811996 C64.903,188.534304 68.186,191.214286 72,191.214286 L216,191.214286 C220.418,191.214286 224,187.648277 224,183.25 C224,178.851723 220.418,175.285714 216,175.285714 L78.559,175.285714 L75.359,159.357143 L228,159.357143 C231.876,159.357143 235.194,156.591545 235.875,152.79258 L255.875,41.2925804 C256.292,38.9719866 255.654,36.5876786 254.134,34.7797857 L254.134,34.7797857 Z M104,143.428571 L72.158,143.428571 L62.558,95.6428571 L104,95.6428571 L104,143.428571 L104,143.428571 Z M104,87.6785714 L60.958,87.6785714 L52.958,47.8571429 L104,47.8571429 L104,87.6785714 L104,87.6785714 Z M176,143.428571 L112,143.428571 L112,95.6428571 L176,95.6428571 L176,143.428571 L176,143.428571 Z M176,87.6785714 L112,87.6785714 L112,47.8571429 L176,47.8571429 L176,87.6785714 L176,87.6785714 Z M221.302,143.428571 L184,143.428571 L184,95.6428571 L229.874,95.6428571 L221.302,143.428571 L221.302,143.428571 Z M231.302,87.6785714 L184,87.6785714 L184,47.8571429 L238.445,47.8571429 L231.302,87.6785714 L231.302,87.6785714 Z" id="Shape" fill="#000000"></path>
9
+ </g>
10
+ </svg>
data/app/assets/icons/spina/customer-outline.svg ADDED
@@ -0,0 +1,10 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg width="256px" height="256px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Shape</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8
+ <path d="M128.001,28 C150.093,28 168.001,45.908 168.001,68 L168.001,100 C168.001,113.086 136.001,156 136.001,156 L135.779,156.222 C178.382,158.556 215.914,179.929 240.001,211.988 L240.001,228 L16.001,228 L16.001,211.986 C40.088,179.928 77.62,158.555 120.223,156.221 L120.001,156 C120.001,156 88.001,113.086 88.001,100 L88.001,68 C88.001,45.908 105.909,28 128.001,28 L128.001,28 Z M128.001,12 C97.123,12 72.001,37.122 72.001,68 L72.001,100 C72.001,106.381 74.207,116.312 90.567,141.599 C91.121,142.454 91.672,143.3 92.222,144.136 C56.94,152.412 25.419,172.815 3.208,202.375 C1.126,205.146 0,208.52 0,211.986 L0,228 C0,236.836 7.164,244 16,244 L240,244 C248.836,244 256,236.836 256,228 L256,211.987 C256,208.52 254.874,205.148 252.792,202.376 C230.581,172.815 199.06,152.412 163.778,144.135 C164.328,143.299 164.88,142.453 165.433,141.598 C181.795,116.312 184.001,106.381 184.001,100 L184.001,68 C184.001,37.122 158.879,12 128.001,12 L128.001,12 L128.001,12 Z" id="Shape" fill="#000000"></path>
9
+ </g>
10
+ </svg>
data/app/assets/icons/spina/exclamation.svg ADDED
@@ -0,0 +1,13 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg width="160px" height="160px" viewBox="0 0 160 160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Group</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8
+ <g id="Group" transform="translate(64.000000, 0.000000)" fill="#000000">
9
+ <path d="M16,112 C7.164,112 0,104.837 0,96 L0,16 C0,7.163 7.164,0 16,0 C24.836,0 32,7.163 32,16 L32,96 C32,104.837 24.836,112 16,112 L16,112 L16,112 Z" id="Path"></path>
10
+ <path d="M32,144 C32,135.163 24.837,128 16,128 C7.163,128 0,135.163 0,144 C0,152.837 7.163,160 16,160 C24.837,160 32,152.837 32,144 Z" id="Path"></path>
11
+ </g>
12
+ </g>
13
+ </svg>
data/app/assets/icons/spina/filter.svg ADDED
@@ -0,0 +1,10 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg width="1410px" height="1410px" viewBox="0 0 1410 1410" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
3
+ <!-- Generator: Sketch 3.4.2 (15855) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Shape</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
8
+ <path d="M1404,41 C1415.33333,68.3333333 1410.66667,91.6666667 1390,111 L897,604 L897,1346 C897,1374 884,1393.66667 858,1405 C849.333333,1408.33333 841,1410 833,1410 C815,1410 800,1403.66667 788,1391 L532,1135 C519.333333,1122.33333 513,1107.33333 513,1090 L513,604 L20,111 C-0.666666667,91.6666667 -5.33333333,68.3333333 6,41 C17.3333333,15 37,2 65,2 L1345,2 C1373,2 1392.66667,15 1404,41 L1404,41 Z" id="Shape" fill="#000000" sketch:type="MSShapeGroup"></path>
9
+ </g>
10
+ </svg>
data/app/assets/icons/spina/info.svg ADDED
@@ -0,0 +1,13 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg width="152px" height="152px" viewBox="0 0 152 152" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Group</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8
+ <g id="Group" transform="translate(40.000000, 0.000000)" fill="#000000">
9
+ <path d="M48.0003796,48 C61.2563796,48 72.0003796,37.255 72.0003796,24 C72.0003796,10.745 61.2563796,0 48.0003796,0 C34.7433796,0 24.0003796,10.745 24.0003796,24 C24.0003796,37.255 34.7433796,48 48.0003796,48 L48.0003796,48 Z" id="Path"></path>
10
+ <path d="M63.5023796,125.225 C62.3183796,122.026 59.2793796,119.999 56.0023796,119.999 C55.3583796,119.999 54.7083796,120.077 54.0583796,120.239 L43.7893796,122.806 L55.5183796,75.882 C57.6603796,67.31 52.4503796,58.624 43.8783796,56.481 C42.7393796,56.197 41.6043796,56.063 40.4773796,56.033 C40.3173796,56.023 40.1593796,56 39.9993796,56 C38.7763796,56 37.5523796,56.28 36.4223796,56.845 L4.4243796,72.845 C0.774379601,74.67 -0.917620399,78.949 0.498379601,82.776 C1.6823796,85.976 4.7193796,88.003 7.9983796,88.003 C8.6413796,88.003 9.2923796,87.925 9.9423796,87.763 L20.2113796,85.195 L8.4833796,132.119 C6.3403796,140.691 11.5513796,149.378 20.1233796,151.52 C21.4163796,151.845 22.7133796,152.001 23.9893796,152.001 L24.0023796,152.001 C25.2243796,152.001 26.4503796,151.722 27.5783796,151.156 L59.5763796,135.156 C63.2263796,133.331 64.9183796,129.052 63.5023796,125.225 L63.5023796,125.225 Z" id="Path"></path>
11
+ </g>
12
+ </g>
13
+ </svg>
data/app/assets/icons/spina/megaphone.svg ADDED
@@ -0,0 +1,10 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg width="256px" height="256px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Shape</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8
+ <path d="M248,84 L240,84 L240,36 C240,30.65 237.326,25.654 232.875,22.688 C230.209,20.91 227.113,20 223.998,20 C221.916,20 219.825,20.406 217.846,21.23 L124.8,60 L16,60 C7.164,60 0,67.164 0,76 L0,140 C0,148.836 7.164,156 16,156 L32.013,156 C32.013,157.295 32.157,158.598 32.478,159.881 L48.478,223.881 C50.257,231.003 56.659,236 64,236 L96,236 C100.926,236 105.579,233.73 108.611,229.847 C111.642,225.963 112.716,220.9 111.522,216.119 L96.492,156 L124.8,156 L217.846,194.77 C219.824,195.594 221.916,196 223.998,196 C227.113,196 230.207,195.092 232.875,193.312 C237.326,190.345 240,185.349 240,180 L240,132 L248,132 C252.418,132 256,128.418 256,124 L256,92 C256,87.582 252.418,84 248,84 L248,84 Z M16,76 L64,76 L64,140 L16,140 L16,76 L16,76 Z M96,220 L64,220 L48,156 L80,156 L96,220 L96,220 Z M72,140 L72,76 L128,76 L200,46 L200,170 L128,140 L72,140 L72,140 Z M224,180 L208,173.334 L208,42.666 L224,36 L224,180 L224,180 Z M248,124 L240,124 L240,92 L248,92 L248,124 L248,124 Z" id="Shape" fill="#000000"></path>
9
+ </g>
10
+ </svg>
data/app/assets/icons/spina/pencil.svg ADDED
@@ -0,0 +1,16 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg width="448px" height="448px" viewBox="0 0 448 448" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
4
+ <title>edit</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8
+ <g id="edit" fill="#000000">
9
+ <g id="Group">
10
+ <rect id="Rectangle-path" transform="translate(210.889883, 237.114600) rotate(225.000000) translate(-210.889883, -237.114600) " x="146.847997" y="60.0917977" width="128.083772" height="354.045605"></rect>
11
+ <path d="M439.723,56.393 L391.608,8.279 C379.885,-3.445 360.05,-2.617 347.304,10.129 L302.102,55.332 L392.671,145.9 L437.873,100.698 C450.616,87.952 451.445,68.116 439.723,56.393 L439.723,56.393 Z" id="Shape"></path>
12
+ <polygon id="Shape" points="32.021 331.252 0 448 116.737 415.979"></polygon>
13
+ </g>
14
+ </g>
15
+ </g>
16
+ </svg>
data/app/assets/icons/spina/preview/icons_spina-preview.html CHANGED
@@ -160,7 +160,8 @@
160
160
  [data-icon]:before { content: attr(data-icon); }
161
161
 
162
162
  [data-icon]:before,
163
- .icon-bars:before,
163
+ .icon-barchart:before,
164
+ .icon-bars:before,
164
165
  .icon-bold:before,
165
166
  .icon-brush:before,
166
167
  .icon-camera:before,
@@ -168,6 +169,7 @@
168
169
  .icon-caret-left:before,
169
170
  .icon-caret-right:before,
170
171
  .icon-caret-up:before,
172
+ .icon-cart:before,
171
173
  .icon-chart-outline:before,
172
174
  .icon-check:before,
173
175
  .icon-chevron-down:before,
@@ -179,12 +181,16 @@
179
181
  .icon-cog-outline:before,
180
182
  .icon-comment:before,
181
183
  .icon-cross:before,
184
+ .icon-customer-outline:before,
182
185
  .icon-document:before,
183
186
  .icon-dots:before,
187
+ .icon-exclamation:before,
184
188
  .icon-eye:before,
189
+ .icon-filter:before,
185
190
  .icon-home:before,
186
191
  .icon-image:before,
187
192
  .icon-inbox-outline:before,
193
+ .icon-info:before,
188
194
  .icon-italic:before,
189
195
  .icon-large-check:before,
190
196
  .icon-link:before,
@@ -192,16 +198,20 @@
192
198
  .icon-mail:before,
193
199
  .icon-mail-outline:before,
194
200
  .icon-media-library:before,
201
+ .icon-megaphone:before,
195
202
  .icon-min:before,
196
203
  .icon-pages:before,
204
+ .icon-pencil:before,
197
205
  .icon-pencil-outline:before,
198
206
  .icon-picture-o:before,
199
207
  .icon-plus:before,
200
208
  .icon-power-off:before,
201
209
  .icon-preview:before,
210
+ .icon-product-outline:before,
202
211
  .icon-random:before,
203
212
  .icon-refresh:before,
204
213
  .icon-search:before,
214
+ .icon-shop:before,
205
215
  .icon-social-outline:before,
206
216
  .icon-trash:before,
207
217
  .icon-upload-outline:before,
@@ -220,7 +230,8 @@
220
230
  font-smoothing: antialiased;
221
231
  }
222
232
 
223
- .icon-bars:before { content: "\f10e"; }
233
+ .icon-barchart:before { content: "\f133"; }
234
+ .icon-bars:before { content: "\f10e"; }
224
235
  .icon-bold:before { content: "\f120"; }
225
236
  .icon-brush:before { content: "\f115"; }
226
237
  .icon-camera:before { content: "\f12d"; }
@@ -228,6 +239,7 @@
228
239
  .icon-caret-left:before { content: "\f119"; }
229
240
  .icon-caret-right:before { content: "\f11a"; }
230
241
  .icon-caret-up:before { content: "\f11b"; }
242
+ .icon-cart:before { content: "\f131"; }
231
243
  .icon-chart-outline:before { content: "\f109"; }
232
244
  .icon-check:before { content: "\f10a"; }
233
245
  .icon-chevron-down:before { content: "\f11c"; }
@@ -239,12 +251,16 @@
239
251
  .icon-cog-outline:before { content: "\f106"; }
240
252
  .icon-comment:before { content: "\f103"; }
241
253
  .icon-cross:before { content: "\f116"; }
254
+ .icon-customer-outline:before { content: "\f134"; }
242
255
  .icon-document:before { content: "\f100"; }
243
256
  .icon-dots:before { content: "\f12e"; }
257
+ .icon-exclamation:before { content: "\f138"; }
244
258
  .icon-eye:before { content: "\f12c"; }
259
+ .icon-filter:before { content: "\f136"; }
245
260
  .icon-home:before { content: "\f102"; }
246
261
  .icon-image:before { content: "\f128"; }
247
262
  .icon-inbox-outline:before { content: "\f112"; }
263
+ .icon-info:before { content: "\f139"; }
248
264
  .icon-italic:before { content: "\f121"; }
249
265
  .icon-large-check:before { content: "\f12f"; }
250
266
  .icon-link:before { content: "\f124"; }
@@ -252,16 +268,20 @@
252
268
  .icon-mail:before { content: "\f12b"; }
253
269
  .icon-mail-outline:before { content: "\f111"; }
254
270
  .icon-media-library:before { content: "\f101"; }
271
+ .icon-megaphone:before { content: "\f132"; }
255
272
  .icon-min:before { content: "\f127"; }
256
273
  .icon-pages:before { content: "\f129"; }
274
+ .icon-pencil:before { content: "\f137"; }
257
275
  .icon-pencil-outline:before { content: "\f10d"; }
258
276
  .icon-picture-o:before { content: "\f126"; }
259
277
  .icon-plus:before { content: "\f10b"; }
260
278
  .icon-power-off:before { content: "\f104"; }
261
279
  .icon-preview:before { content: "\f10c"; }
280
+ .icon-product-outline:before { content: "\f135"; }
262
281
  .icon-random:before { content: "\f10f"; }
263
282
  .icon-refresh:before { content: "\f114"; }
264
283
  .icon-search:before { content: "\f110"; }
284
+ .icon-shop:before { content: "\f130"; }
265
285
  .icon-social-outline:before { content: "\f108"; }
266
286
  .icon-trash:before { content: "\f117"; }
267
287
  .icon-upload-outline:before { content: "\f113"; }
@@ -281,11 +301,24 @@
281
301
  <body class="characters-off">
282
302
  <div id="page" class="container">
283
303
  <header>
284
- <h1>icons_spina contains 46 glyphs:</h1>
304
+ <h1>icons_spina contains 56 glyphs:</h1>
285
305
  <a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
286
306
  </header>
287
307
 
288
308
 
309
+ <div class="glyph">
310
+ <div class="preview-glyphs">
311
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-barchart" class="icon-barchart"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-barchart" class="icon-barchart"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-barchart" class="icon-barchart"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-barchart" class="icon-barchart"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-barchart" class="icon-barchart"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-barchart" class="icon-barchart"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-barchart" class="icon-barchart"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-barchart" class="icon-barchart"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-barchart" class="icon-barchart"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-barchart" class="icon-barchart"></i></span>
312
+ </div>
313
+ <div class="preview-scale">
314
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
315
+ </div>
316
+ <div class="usage">
317
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-barchart" />
318
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf133;" />
319
+ </div>
320
+ </div>
321
+
289
322
  <div class="glyph">
290
323
  <div class="preview-glyphs">
291
324
  <span class="step size-12"><span class="letters">Pp</span><i id="icon-bars" class="icon-bars"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bars" class="icon-bars"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bars" class="icon-bars"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bars" class="icon-bars"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bars" class="icon-bars"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bars" class="icon-bars"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bars" class="icon-bars"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bars" class="icon-bars"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bars" class="icon-bars"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bars" class="icon-bars"></i></span>
@@ -390,6 +423,19 @@
390
423
  </div>
391
424
  </div>
392
425
 
426
+ <div class="glyph">
427
+ <div class="preview-glyphs">
428
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-cart" class="icon-cart"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-cart" class="icon-cart"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-cart" class="icon-cart"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-cart" class="icon-cart"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-cart" class="icon-cart"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-cart" class="icon-cart"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-cart" class="icon-cart"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-cart" class="icon-cart"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-cart" class="icon-cart"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-cart" class="icon-cart"></i></span>
429
+ </div>
430
+ <div class="preview-scale">
431
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
432
+ </div>
433
+ <div class="usage">
434
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-cart" />
435
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />
436
+ </div>
437
+ </div>
438
+
393
439
  <div class="glyph">
394
440
  <div class="preview-glyphs">
395
441
  <span class="step size-12"><span class="letters">Pp</span><i id="icon-chart-outline" class="icon-chart-outline"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-chart-outline" class="icon-chart-outline"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-chart-outline" class="icon-chart-outline"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-chart-outline" class="icon-chart-outline"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-chart-outline" class="icon-chart-outline"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-chart-outline" class="icon-chart-outline"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-chart-outline" class="icon-chart-outline"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-chart-outline" class="icon-chart-outline"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-chart-outline" class="icon-chart-outline"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-chart-outline" class="icon-chart-outline"></i></span>
@@ -533,6 +579,19 @@
533
579
  </div>
534
580
  </div>
535
581
 
582
+ <div class="glyph">
583
+ <div class="preview-glyphs">
584
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-customer-outline" class="icon-customer-outline"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-customer-outline" class="icon-customer-outline"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-customer-outline" class="icon-customer-outline"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-customer-outline" class="icon-customer-outline"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-customer-outline" class="icon-customer-outline"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-customer-outline" class="icon-customer-outline"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-customer-outline" class="icon-customer-outline"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-customer-outline" class="icon-customer-outline"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-customer-outline" class="icon-customer-outline"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-customer-outline" class="icon-customer-outline"></i></span>
585
+ </div>
586
+ <div class="preview-scale">
587
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
588
+ </div>
589
+ <div class="usage">
590
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-customer-outline" />
591
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf134;" />
592
+ </div>
593
+ </div>
594
+
536
595
  <div class="glyph">
537
596
  <div class="preview-glyphs">
538
597
  <span class="step size-12"><span class="letters">Pp</span><i id="icon-document" class="icon-document"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-document" class="icon-document"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-document" class="icon-document"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-document" class="icon-document"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-document" class="icon-document"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-document" class="icon-document"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-document" class="icon-document"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-document" class="icon-document"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-document" class="icon-document"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-document" class="icon-document"></i></span>
@@ -559,6 +618,19 @@
559
618
  </div>
560
619
  </div>
561
620
 
621
+ <div class="glyph">
622
+ <div class="preview-glyphs">
623
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-exclamation" class="icon-exclamation"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-exclamation" class="icon-exclamation"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-exclamation" class="icon-exclamation"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-exclamation" class="icon-exclamation"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-exclamation" class="icon-exclamation"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-exclamation" class="icon-exclamation"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-exclamation" class="icon-exclamation"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-exclamation" class="icon-exclamation"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-exclamation" class="icon-exclamation"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-exclamation" class="icon-exclamation"></i></span>
624
+ </div>
625
+ <div class="preview-scale">
626
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
627
+ </div>
628
+ <div class="usage">
629
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-exclamation" />
630
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf138;" />
631
+ </div>
632
+ </div>
633
+
562
634
  <div class="glyph">
563
635
  <div class="preview-glyphs">
564
636
  <span class="step size-12"><span class="letters">Pp</span><i id="icon-eye" class="icon-eye"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-eye" class="icon-eye"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-eye" class="icon-eye"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-eye" class="icon-eye"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-eye" class="icon-eye"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-eye" class="icon-eye"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-eye" class="icon-eye"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-eye" class="icon-eye"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-eye" class="icon-eye"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-eye" class="icon-eye"></i></span>
@@ -572,6 +644,19 @@
572
644
  </div>
573
645
  </div>
574
646
 
647
+ <div class="glyph">
648
+ <div class="preview-glyphs">
649
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-filter" class="icon-filter"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-filter" class="icon-filter"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-filter" class="icon-filter"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-filter" class="icon-filter"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-filter" class="icon-filter"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-filter" class="icon-filter"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-filter" class="icon-filter"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-filter" class="icon-filter"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-filter" class="icon-filter"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-filter" class="icon-filter"></i></span>
650
+ </div>
651
+ <div class="preview-scale">
652
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
653
+ </div>
654
+ <div class="usage">
655
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-filter" />
656
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf136;" />
657
+ </div>
658
+ </div>
659
+
575
660
  <div class="glyph">
576
661
  <div class="preview-glyphs">
577
662
  <span class="step size-12"><span class="letters">Pp</span><i id="icon-home" class="icon-home"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-home" class="icon-home"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-home" class="icon-home"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-home" class="icon-home"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-home" class="icon-home"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-home" class="icon-home"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-home" class="icon-home"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-home" class="icon-home"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-home" class="icon-home"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-home" class="icon-home"></i></span>
@@ -611,6 +696,19 @@
611
696
  </div>
612
697
  </div>
613
698
 
699
+ <div class="glyph">
700
+ <div class="preview-glyphs">
701
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-info" class="icon-info"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-info" class="icon-info"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-info" class="icon-info"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-info" class="icon-info"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-info" class="icon-info"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-info" class="icon-info"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-info" class="icon-info"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-info" class="icon-info"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-info" class="icon-info"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-info" class="icon-info"></i></span>
702
+ </div>
703
+ <div class="preview-scale">
704
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
705
+ </div>
706
+ <div class="usage">
707
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-info" />
708
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf139;" />
709
+ </div>
710
+ </div>
711
+
614
712
  <div class="glyph">
615
713
  <div class="preview-glyphs">
616
714
  <span class="step size-12"><span class="letters">Pp</span><i id="icon-italic" class="icon-italic"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-italic" class="icon-italic"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-italic" class="icon-italic"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-italic" class="icon-italic"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-italic" class="icon-italic"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-italic" class="icon-italic"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-italic" class="icon-italic"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-italic" class="icon-italic"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-italic" class="icon-italic"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-italic" class="icon-italic"></i></span>
@@ -702,6 +800,19 @@
702
800
  </div>
703
801
  </div>
704
802
 
803
+ <div class="glyph">
804
+ <div class="preview-glyphs">
805
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-megaphone" class="icon-megaphone"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-megaphone" class="icon-megaphone"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-megaphone" class="icon-megaphone"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-megaphone" class="icon-megaphone"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-megaphone" class="icon-megaphone"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-megaphone" class="icon-megaphone"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-megaphone" class="icon-megaphone"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-megaphone" class="icon-megaphone"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-megaphone" class="icon-megaphone"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-megaphone" class="icon-megaphone"></i></span>
806
+ </div>
807
+ <div class="preview-scale">
808
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
809
+ </div>
810
+ <div class="usage">
811
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-megaphone" />
812
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf132;" />
813
+ </div>
814
+ </div>
815
+
705
816
  <div class="glyph">
706
817
  <div class="preview-glyphs">
707
818
  <span class="step size-12"><span class="letters">Pp</span><i id="icon-min" class="icon-min"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-min" class="icon-min"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-min" class="icon-min"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-min" class="icon-min"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-min" class="icon-min"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-min" class="icon-min"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-min" class="icon-min"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-min" class="icon-min"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-min" class="icon-min"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-min" class="icon-min"></i></span>
@@ -728,6 +839,19 @@
728
839
  </div>
729
840
  </div>
730
841
 
842
+ <div class="glyph">
843
+ <div class="preview-glyphs">
844
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-pencil" class="icon-pencil"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-pencil" class="icon-pencil"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-pencil" class="icon-pencil"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-pencil" class="icon-pencil"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-pencil" class="icon-pencil"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-pencil" class="icon-pencil"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-pencil" class="icon-pencil"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-pencil" class="icon-pencil"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-pencil" class="icon-pencil"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-pencil" class="icon-pencil"></i></span>
845
+ </div>
846
+ <div class="preview-scale">
847
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
848
+ </div>
849
+ <div class="usage">
850
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-pencil" />
851
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf137;" />
852
+ </div>
853
+ </div>
854
+
731
855
  <div class="glyph">
732
856
  <div class="preview-glyphs">
733
857
  <span class="step size-12"><span class="letters">Pp</span><i id="icon-pencil-outline" class="icon-pencil-outline"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-pencil-outline" class="icon-pencil-outline"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-pencil-outline" class="icon-pencil-outline"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-pencil-outline" class="icon-pencil-outline"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-pencil-outline" class="icon-pencil-outline"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-pencil-outline" class="icon-pencil-outline"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-pencil-outline" class="icon-pencil-outline"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-pencil-outline" class="icon-pencil-outline"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-pencil-outline" class="icon-pencil-outline"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-pencil-outline" class="icon-pencil-outline"></i></span>
@@ -793,6 +917,19 @@
793
917
  </div>
794
918
  </div>
795
919
 
920
+ <div class="glyph">
921
+ <div class="preview-glyphs">
922
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-product-outline" class="icon-product-outline"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-product-outline" class="icon-product-outline"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-product-outline" class="icon-product-outline"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-product-outline" class="icon-product-outline"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-product-outline" class="icon-product-outline"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-product-outline" class="icon-product-outline"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-product-outline" class="icon-product-outline"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-product-outline" class="icon-product-outline"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-product-outline" class="icon-product-outline"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-product-outline" class="icon-product-outline"></i></span>
923
+ </div>
924
+ <div class="preview-scale">
925
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
926
+ </div>
927
+ <div class="usage">
928
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-product-outline" />
929
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
930
+ </div>
931
+ </div>
932
+
796
933
  <div class="glyph">
797
934
  <div class="preview-glyphs">
798
935
  <span class="step size-12"><span class="letters">Pp</span><i id="icon-random" class="icon-random"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-random" class="icon-random"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-random" class="icon-random"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-random" class="icon-random"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-random" class="icon-random"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-random" class="icon-random"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-random" class="icon-random"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-random" class="icon-random"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-random" class="icon-random"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-random" class="icon-random"></i></span>
@@ -832,6 +969,19 @@
832
969
  </div>
833
970
  </div>
834
971
 
972
+ <div class="glyph">
973
+ <div class="preview-glyphs">
974
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-shop" class="icon-shop"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-shop" class="icon-shop"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-shop" class="icon-shop"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-shop" class="icon-shop"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-shop" class="icon-shop"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-shop" class="icon-shop"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-shop" class="icon-shop"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-shop" class="icon-shop"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-shop" class="icon-shop"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-shop" class="icon-shop"></i></span>
975
+ </div>
976
+ <div class="preview-scale">
977
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
978
+ </div>
979
+ <div class="usage">
980
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-shop" />
981
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf130;" />
982
+ </div>
983
+ </div>
984
+
835
985
  <div class="glyph">
836
986
  <div class="preview-glyphs">
837
987
  <span class="step size-12"><span class="letters">Pp</span><i id="icon-social-outline" class="icon-social-outline"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-social-outline" class="icon-social-outline"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-social-outline" class="icon-social-outline"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-social-outline" class="icon-social-outline"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-social-outline" class="icon-social-outline"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-social-outline" class="icon-social-outline"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-social-outline" class="icon-social-outline"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-social-outline" class="icon-social-outline"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-social-outline" class="icon-social-outline"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-social-outline" class="icon-social-outline"></i></span>