@nyaruka/temba-components 0.19.0 → 0.23.0

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 (68) hide show
  1. package/.eslintrc.js +1 -0
  2. package/CHANGELOG.md +28 -0
  3. package/dist/28f45617.js +356 -0
  4. package/dist/index.js +356 -1
  5. package/dist/static/icons/symbol-defs.svg +56 -20
  6. package/dist/sw.js +1 -1
  7. package/dist/sw.js.map +1 -1
  8. package/dist/templates/components-body.html +1 -1
  9. package/dist/templates/components-head.html +1 -1
  10. package/out-tsc/src/anchor/Anchor.js +25 -0
  11. package/out-tsc/src/anchor/Anchor.js.map +1 -0
  12. package/out-tsc/src/contacts/ContactDetails.js +9 -5
  13. package/out-tsc/src/contacts/ContactDetails.js.map +1 -1
  14. package/out-tsc/src/contacts/ContactHistory.js +1 -5
  15. package/out-tsc/src/contacts/ContactHistory.js.map +1 -1
  16. package/out-tsc/src/contacts/events.js +33 -7
  17. package/out-tsc/src/contacts/events.js.map +1 -1
  18. package/out-tsc/src/dialog/Modax.js +11 -2
  19. package/out-tsc/src/dialog/Modax.js.map +1 -1
  20. package/out-tsc/src/list/TembaMenu.js +384 -81
  21. package/out-tsc/src/list/TembaMenu.js.map +1 -1
  22. package/out-tsc/src/utils/index.js +13 -14
  23. package/out-tsc/src/utils/index.js.map +1 -1
  24. package/out-tsc/src/vectoricon/VectorIcon.js +2 -1
  25. package/out-tsc/src/vectoricon/VectorIcon.js.map +1 -1
  26. package/out-tsc/temba-modules.js +2 -0
  27. package/out-tsc/temba-modules.js.map +1 -1
  28. package/out-tsc/test/temba-menu.test.js +0 -13
  29. package/out-tsc/test/temba-menu.test.js.map +1 -1
  30. package/package.json +4 -4
  31. package/screenshots/truth/contacts/history-expanded.png +0 -0
  32. package/screenshots/truth/list/items-selected.png +0 -0
  33. package/screenshots/truth/list/items-updated.png +0 -0
  34. package/screenshots/truth/list/items.png +0 -0
  35. package/screenshots/truth/list/menu-submenu.png +0 -0
  36. package/src/anchor/Anchor.ts +26 -0
  37. package/src/contacts/ContactDetails.ts +9 -5
  38. package/src/contacts/ContactHistory.ts +0 -4
  39. package/src/contacts/events.ts +33 -7
  40. package/src/dialog/Modax.ts +11 -2
  41. package/src/list/TembaMenu.ts +424 -93
  42. package/src/utils/index.ts +17 -16
  43. package/src/vectoricon/VectorIcon.ts +2 -1
  44. package/static/icons/Read Me.txt +1 -1
  45. package/static/icons/SVG/channel.svg +5 -0
  46. package/static/icons/SVG/cloud1.svg +5 -0
  47. package/static/icons/SVG/codepen.svg +5 -0
  48. package/static/icons/SVG/codesandbox.svg +5 -0
  49. package/static/icons/SVG/git-pull-request.svg +5 -0
  50. package/static/icons/SVG/grid.svg +5 -0
  51. package/static/icons/SVG/hard-drive.svg +5 -0
  52. package/static/icons/SVG/layout.svg +5 -0
  53. package/static/icons/SVG/list.svg +5 -0
  54. package/static/icons/SVG/map-pin.svg +5 -0
  55. package/static/icons/SVG/menu.svg +5 -0
  56. package/static/icons/SVG/package.svg +5 -0
  57. package/static/icons/SVG/zapier.svg +5 -0
  58. package/static/icons/demo-external-svg.html +232 -172
  59. package/static/icons/demo-files/demo.css +4 -4
  60. package/static/icons/demo.html +288 -192
  61. package/static/icons/selection.json +646 -345
  62. package/static/icons/style.css +4 -4
  63. package/static/icons/symbol-defs.svg +56 -20
  64. package/temba-modules.ts +2 -0
  65. package/test/temba-menu.test.ts +0 -16
  66. package/test-assets/style.css +1 -1
  67. package/dist/b10b5805.js +0 -1
  68. package/static/icons/SVG/zendesk1.svg +0 -5
package/static/icons/demo-external-svg.html CHANGED
@@ -14,493 +14,589 @@
14
14
  </div>
15
15
  </header>
16
16
  <div class="clearfix mhl ptl">
17
- <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
17
+ <h1 class="mvm mtn fgc1">Grid Size: 0</h1>
18
18
  <div class="glyph fs1">
19
+ <div class="clearfix pbs">
20
+ <svg class="icon icon-zapier"><use xlink:href="symbol-defs.svg#icon-zapier"></use></svg><span class="name"> icon-zapier</span>
21
+ </div>
22
+ </div>
23
+ </div>
24
+ <div class="clearfix mhl ptl">
25
+ <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
26
+ <div class="glyph fs2">
27
+ <div class="clearfix pbs">
28
+ <svg class="icon icon-channel"><use xlink:href="symbol-defs.svg#icon-channel"></use></svg><span class="name"> icon-channel</span>
29
+ </div>
30
+ </div>
31
+ <div class="glyph fs2">
32
+ <div class="clearfix pbs">
33
+ <svg class="icon icon-users1"><use xlink:href="symbol-defs.svg#icon-users1"></use></svg><span class="name"> icon-users1</span>
34
+ </div>
35
+ </div>
36
+ <div class="glyph fs2">
37
+ <div class="clearfix pbs">
38
+ <svg class="icon icon-lock2"><use xlink:href="symbol-defs.svg#icon-lock2"></use></svg><span class="name"> icon-lock2</span>
39
+ </div>
40
+ </div>
41
+ <div class="glyph fs2">
42
+ <div class="clearfix pbs">
43
+ <svg class="icon icon-atom"><use xlink:href="symbol-defs.svg#icon-atom"></use></svg><span class="name"> icon-atom</span>
44
+ </div>
45
+ </div>
46
+ <div class="glyph fs2">
47
+ <div class="clearfix pbs">
48
+ <svg class="icon icon-paperplane"><use xlink:href="symbol-defs.svg#icon-paperplane"></use></svg><span class="name"> icon-paperplane</span>
49
+ </div>
50
+ </div>
51
+ <div class="glyph fs2">
52
+ <div class="clearfix pbs">
53
+ <svg class="icon icon-cancel"><use xlink:href="symbol-defs.svg#icon-cancel"></use></svg><span class="name"> icon-cancel</span>
54
+ </div>
55
+ </div>
56
+ </div>
57
+ <div class="clearfix mhl ptl">
58
+ <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
59
+ <div class="glyph fs3">
60
+ <div class="clearfix pbs">
61
+ <svg class="icon icon-cloud"><use xlink:href="symbol-defs.svg#icon-cloud"></use></svg><span class="name"> icon-cloud</span>
62
+ </div>
63
+ </div>
64
+ <div class="glyph fs3">
65
+ <div class="clearfix pbs">
66
+ <svg class="icon icon-codepen"><use xlink:href="symbol-defs.svg#icon-codepen"></use></svg><span class="name"> icon-codepen</span>
67
+ </div>
68
+ </div>
69
+ <div class="glyph fs3">
70
+ <div class="clearfix pbs">
71
+ <svg class="icon icon-codesandbox"><use xlink:href="symbol-defs.svg#icon-codesandbox"></use></svg><span class="name"> icon-codesandbox</span>
72
+ </div>
73
+ </div>
74
+ <div class="glyph fs3">
75
+ <div class="clearfix pbs">
76
+ <svg class="icon icon-git-pull-request"><use xlink:href="symbol-defs.svg#icon-git-pull-request"></use></svg><span class="name"> icon-git-pull-request</span>
77
+ </div>
78
+ </div>
79
+ <div class="glyph fs3">
80
+ <div class="clearfix pbs">
81
+ <svg class="icon icon-grid"><use xlink:href="symbol-defs.svg#icon-grid"></use></svg><span class="name"> icon-grid</span>
82
+ </div>
83
+ </div>
84
+ <div class="glyph fs3">
85
+ <div class="clearfix pbs">
86
+ <svg class="icon icon-hard-drive"><use xlink:href="symbol-defs.svg#icon-hard-drive"></use></svg><span class="name"> icon-hard-drive</span>
87
+ </div>
88
+ </div>
89
+ <div class="glyph fs3">
90
+ <div class="clearfix pbs">
91
+ <svg class="icon icon-layout"><use xlink:href="symbol-defs.svg#icon-layout"></use></svg><span class="name"> icon-layout</span>
92
+ </div>
93
+ </div>
94
+ <div class="glyph fs3">
95
+ <div class="clearfix pbs">
96
+ <svg class="icon icon-list"><use xlink:href="symbol-defs.svg#icon-list"></use></svg><span class="name"> icon-list</span>
97
+ </div>
98
+ </div>
99
+ <div class="glyph fs3">
100
+ <div class="clearfix pbs">
101
+ <svg class="icon icon-map-pin"><use xlink:href="symbol-defs.svg#icon-map-pin"></use></svg><span class="name"> icon-map-pin</span>
102
+ </div>
103
+ </div>
104
+ <div class="glyph fs3">
105
+ <div class="clearfix pbs">
106
+ <svg class="icon icon-package"><use xlink:href="symbol-defs.svg#icon-package"></use></svg><span class="name"> icon-package</span>
107
+ </div>
108
+ </div>
109
+ <div class="glyph fs3">
19
110
  <div class="clearfix pbs">
20
111
  <svg class="icon icon-bell"><use xlink:href="symbol-defs.svg#icon-bell"></use></svg><span class="name"> icon-bell</span>
21
112
  </div>
22
113
  </div>
23
- <div class="glyph fs1">
114
+ <div class="glyph fs3">
24
115
  <div class="clearfix pbs">
25
116
  <svg class="icon icon-book-open"><use xlink:href="symbol-defs.svg#icon-book-open"></use></svg><span class="name"> icon-book-open</span>
26
117
  </div>
27
118
  </div>
28
- <div class="glyph fs1">
119
+ <div class="glyph fs3">
29
120
  <div class="clearfix pbs">
30
121
  <svg class="icon icon-box"><use xlink:href="symbol-defs.svg#icon-box"></use></svg><span class="name"> icon-box</span>
31
122
  </div>
32
123
  </div>
33
- <div class="glyph fs1">
124
+ <div class="glyph fs3">
125
+ <div class="clearfix pbs">
126
+ <svg class="icon icon-menu"><use xlink:href="symbol-defs.svg#icon-menu"></use></svg><span class="name"> icon-menu</span>
127
+ </div>
128
+ </div>
129
+ <div class="glyph fs3">
34
130
  <div class="clearfix pbs">
35
131
  <svg class="icon icon-plus"><use xlink:href="symbol-defs.svg#icon-plus"></use></svg><span class="name"> icon-plus</span>
36
132
  </div>
37
133
  </div>
38
- <div class="glyph fs1">
134
+ <div class="glyph fs3">
39
135
  <div class="clearfix pbs">
40
136
  <svg class="icon icon-agent"><use xlink:href="symbol-defs.svg#icon-agent"></use></svg><span class="name"> icon-agent</span>
41
137
  </div>
42
138
  </div>
43
- <div class="glyph fs1">
139
+ <div class="glyph fs3">
44
140
  <div class="clearfix pbs">
45
141
  <svg class="icon icon-arrow-down-circle"><use xlink:href="symbol-defs.svg#icon-arrow-down-circle"></use></svg><span class="name"> icon-arrow-down-circle</span>
46
142
  </div>
47
143
  </div>
48
- <div class="glyph fs1">
144
+ <div class="glyph fs3">
49
145
  <div class="clearfix pbs">
50
146
  <svg class="icon icon-arrow-up-circle"><use xlink:href="symbol-defs.svg#icon-arrow-up-circle"></use></svg><span class="name"> icon-arrow-up-circle</span>
51
147
  </div>
52
148
  </div>
53
- <div class="glyph fs1">
149
+ <div class="glyph fs3">
54
150
  <div class="clearfix pbs">
55
151
  <svg class="icon icon-bookmark"><use xlink:href="symbol-defs.svg#icon-bookmark"></use></svg><span class="name"> icon-bookmark</span>
56
152
  </div>
57
153
  </div>
58
- <div class="glyph fs1">
154
+ <div class="glyph fs3">
59
155
  <div class="clearfix pbs">
60
156
  <svg class="icon icon-database"><use xlink:href="symbol-defs.svg#icon-database"></use></svg><span class="name"> icon-database</span>
61
157
  </div>
62
158
  </div>
63
- <div class="glyph fs1">
159
+ <div class="glyph fs3">
64
160
  <div class="clearfix pbs">
65
161
  <svg class="icon icon-download"><use xlink:href="symbol-defs.svg#icon-download"></use></svg><span class="name"> icon-download</span>
66
162
  </div>
67
163
  </div>
68
- <div class="glyph fs1">
164
+ <div class="glyph fs3">
69
165
  <div class="clearfix pbs">
70
166
  <svg class="icon icon-help-circle"><use xlink:href="symbol-defs.svg#icon-help-circle"></use></svg><span class="name"> icon-help-circle</span>
71
167
  </div>
72
168
  </div>
73
- <div class="glyph fs1">
169
+ <div class="glyph fs3">
74
170
  <div class="clearfix pbs">
75
171
  <svg class="icon icon-life-buoy"><use xlink:href="symbol-defs.svg#icon-life-buoy"></use></svg><span class="name"> icon-life-buoy</span>
76
172
  </div>
77
173
  </div>
78
- <div class="glyph fs1">
174
+ <div class="glyph fs3">
79
175
  <div class="clearfix pbs">
80
176
  <svg class="icon icon-log-out"><use xlink:href="symbol-defs.svg#icon-log-out"></use></svg><span class="name"> icon-log-out</span>
81
177
  </div>
82
178
  </div>
83
- <div class="glyph fs1">
179
+ <div class="glyph fs3">
84
180
  <div class="clearfix pbs">
85
181
  <svg class="icon icon-more-vertical"><use xlink:href="symbol-defs.svg#icon-more-vertical"></use></svg><span class="name"> icon-more-vertical</span>
86
182
  </div>
87
183
  </div>
88
- <div class="glyph fs1">
184
+ <div class="glyph fs3">
89
185
  <div class="clearfix pbs">
90
186
  <svg class="icon icon-star"><use xlink:href="symbol-defs.svg#icon-star"></use></svg><span class="name"> icon-star</span>
91
187
  </div>
92
188
  </div>
93
- <div class="glyph fs1">
189
+ <div class="glyph fs3">
94
190
  <div class="clearfix pbs">
95
191
  <svg class="icon icon-upload"><use xlink:href="symbol-defs.svg#icon-upload"></use></svg><span class="name"> icon-upload</span>
96
192
  </div>
97
193
  </div>
98
- <div class="glyph fs1">
194
+ <div class="glyph fs3">
99
195
  <div class="clearfix pbs">
100
196
  <svg class="icon icon-upload-cloud"><use xlink:href="symbol-defs.svg#icon-upload-cloud"></use></svg><span class="name"> icon-upload-cloud</span>
101
197
  </div>
102
198
  </div>
103
- <div class="glyph fs1">
199
+ <div class="glyph fs3">
104
200
  <div class="clearfix pbs">
105
201
  <svg class="icon icon-coffee"><use xlink:href="symbol-defs.svg#icon-coffee"></use></svg><span class="name"> icon-coffee</span>
106
202
  </div>
107
203
  </div>
108
- <div class="glyph fs1">
204
+ <div class="glyph fs3">
109
205
  <div class="clearfix pbs">
110
206
  <svg class="icon icon-frown"><use xlink:href="symbol-defs.svg#icon-frown"></use></svg><span class="name"> icon-frown</span>
111
207
  </div>
112
208
  </div>
113
- <div class="glyph fs1">
209
+ <div class="glyph fs3">
114
210
  <div class="clearfix pbs">
115
211
  <svg class="icon icon-mail"><use xlink:href="symbol-defs.svg#icon-mail"></use></svg><span class="name"> icon-mail</span>
116
212
  </div>
117
213
  </div>
118
- <div class="glyph fs1">
214
+ <div class="glyph fs3">
119
215
  <div class="clearfix pbs">
120
216
  <svg class="icon icon-meh"><use xlink:href="symbol-defs.svg#icon-meh"></use></svg><span class="name"> icon-meh</span>
121
217
  </div>
122
218
  </div>
123
- <div class="glyph fs1">
219
+ <div class="glyph fs3">
124
220
  <div class="clearfix pbs">
125
221
  <svg class="icon icon-dollar-sign"><use xlink:href="symbol-defs.svg#icon-dollar-sign"></use></svg><span class="name"> icon-dollar-sign</span>
126
222
  </div>
127
223
  </div>
128
- <div class="glyph fs1">
224
+ <div class="glyph fs3">
129
225
  <div class="clearfix pbs">
130
226
  <svg class="icon icon-log"><use xlink:href="symbol-defs.svg#icon-log"></use></svg><span class="name"> icon-log</span>
131
227
  </div>
132
228
  </div>
133
- <div class="glyph fs1">
229
+ <div class="glyph fs3">
134
230
  <div class="clearfix pbs">
135
231
  <svg class="icon icon-campaign"><use xlink:href="symbol-defs.svg#icon-campaign"></use></svg><span class="name"> icon-campaign</span>
136
232
  </div>
137
233
  </div>
138
- <div class="glyph fs1">
234
+ <div class="glyph fs3">
139
235
  <div class="clearfix pbs">
140
236
  <svg class="icon icon-contact"><use xlink:href="symbol-defs.svg#icon-contact"></use></svg><span class="name"> icon-contact</span>
141
237
  </div>
142
238
  </div>
143
- <div class="glyph fs1">
239
+ <div class="glyph fs3">
144
240
  <div class="clearfix pbs">
145
241
  <svg class="icon icon-flow"><use xlink:href="symbol-defs.svg#icon-flow"></use></svg><span class="name"> icon-flow</span>
146
242
  </div>
147
243
  </div>
148
- <div class="glyph fs1">
244
+ <div class="glyph fs3">
149
245
  <div class="clearfix pbs">
150
246
  <svg class="icon icon-activity"><use xlink:href="symbol-defs.svg#icon-activity"></use></svg><span class="name"> icon-activity</span>
151
247
  </div>
152
248
  </div>
153
- <div class="glyph fs1">
249
+ <div class="glyph fs3">
154
250
  <div class="clearfix pbs">
155
251
  <svg class="icon icon-alert-circle"><use xlink:href="symbol-defs.svg#icon-alert-circle"></use></svg><span class="name"> icon-alert-circle</span>
156
252
  </div>
157
253
  </div>
158
- <div class="glyph fs1">
254
+ <div class="glyph fs3">
159
255
  <div class="clearfix pbs">
160
256
  <svg class="icon icon-alert-octagon"><use xlink:href="symbol-defs.svg#icon-alert-octagon"></use></svg><span class="name"> icon-alert-octagon</span>
161
257
  </div>
162
258
  </div>
163
- <div class="glyph fs1">
259
+ <div class="glyph fs3">
164
260
  <div class="clearfix pbs">
165
261
  <svg class="icon icon-alert-triangle"><use xlink:href="symbol-defs.svg#icon-alert-triangle"></use></svg><span class="name"> icon-alert-triangle</span>
166
262
  </div>
167
263
  </div>
168
- <div class="glyph fs1">
264
+ <div class="glyph fs3">
169
265
  <div class="clearfix pbs">
170
266
  <svg class="icon icon-archive"><use xlink:href="symbol-defs.svg#icon-archive"></use></svg><span class="name"> icon-archive</span>
171
267
  </div>
172
268
  </div>
173
- <div class="glyph fs1">
269
+ <div class="glyph fs3">
174
270
  <div class="clearfix pbs">
175
271
  <svg class="icon icon-battery"><use xlink:href="symbol-defs.svg#icon-battery"></use></svg><span class="name"> icon-battery</span>
176
272
  </div>
177
273
  </div>
178
- <div class="glyph fs1">
274
+ <div class="glyph fs3">
179
275
  <div class="clearfix pbs">
180
276
  <svg class="icon icon-battery-charging"><use xlink:href="symbol-defs.svg#icon-battery-charging"></use></svg><span class="name"> icon-battery-charging</span>
181
277
  </div>
182
278
  </div>
183
- <div class="glyph fs1">
279
+ <div class="glyph fs3">
184
280
  <div class="clearfix pbs">
185
281
  <svg class="icon icon-book"><use xlink:href="symbol-defs.svg#icon-book"></use></svg><span class="name"> icon-book</span>
186
282
  </div>
187
283
  </div>
188
- <div class="glyph fs1">
284
+ <div class="glyph fs3">
189
285
  <div class="clearfix pbs">
190
286
  <svg class="icon icon-briefcase"><use xlink:href="symbol-defs.svg#icon-briefcase"></use></svg><span class="name"> icon-briefcase</span>
191
287
  </div>
192
288
  </div>
193
- <div class="glyph fs1">
289
+ <div class="glyph fs3">
194
290
  <div class="clearfix pbs">
195
291
  <svg class="icon icon-calendar"><use xlink:href="symbol-defs.svg#icon-calendar"></use></svg><span class="name"> icon-calendar</span>
196
292
  </div>
197
293
  </div>
198
- <div class="glyph fs1">
294
+ <div class="glyph fs3">
199
295
  <div class="clearfix pbs">
200
296
  <svg class="icon icon-camera"><use xlink:href="symbol-defs.svg#icon-camera"></use></svg><span class="name"> icon-camera</span>
201
297
  </div>
202
298
  </div>
203
- <div class="glyph fs1">
299
+ <div class="glyph fs3">
204
300
  <div class="clearfix pbs">
205
301
  <svg class="icon icon-check"><use xlink:href="symbol-defs.svg#icon-check"></use></svg><span class="name"> icon-check</span>
206
302
  </div>
207
303
  </div>
208
- <div class="glyph fs1">
304
+ <div class="glyph fs3">
209
305
  <div class="clearfix pbs">
210
306
  <svg class="icon icon-check-square"><use xlink:href="symbol-defs.svg#icon-check-square"></use></svg><span class="name"> icon-check-square</span>
211
307
  </div>
212
308
  </div>
213
- <div class="glyph fs1">
309
+ <div class="glyph fs3">
214
310
  <div class="clearfix pbs">
215
311
  <svg class="icon icon-chevron-down"><use xlink:href="symbol-defs.svg#icon-chevron-down"></use></svg><span class="name"> icon-chevron-down</span>
216
312
  </div>
217
313
  </div>
218
- <div class="glyph fs1">
314
+ <div class="glyph fs3">
219
315
  <div class="clearfix pbs">
220
316
  <svg class="icon icon-chevron-left"><use xlink:href="symbol-defs.svg#icon-chevron-left"></use></svg><span class="name"> icon-chevron-left</span>
221
317
  </div>
222
318
  </div>
223
- <div class="glyph fs1">
319
+ <div class="glyph fs3">
224
320
  <div class="clearfix pbs">
225
321
  <svg class="icon icon-chevron-right"><use xlink:href="symbol-defs.svg#icon-chevron-right"></use></svg><span class="name"> icon-chevron-right</span>
226
322
  </div>
227
323
  </div>
228
- <div class="glyph fs1">
324
+ <div class="glyph fs3">
229
325
  <div class="clearfix pbs">
230
326
  <svg class="icon icon-chevron-up"><use xlink:href="symbol-defs.svg#icon-chevron-up"></use></svg><span class="name"> icon-chevron-up</span>
231
327
  </div>
232
328
  </div>
233
- <div class="glyph fs1">
329
+ <div class="glyph fs3">
234
330
  <div class="clearfix pbs">
235
331
  <svg class="icon icon-chevrons-down"><use xlink:href="symbol-defs.svg#icon-chevrons-down"></use></svg><span class="name"> icon-chevrons-down</span>
236
332
  </div>
237
333
  </div>
238
- <div class="glyph fs1">
334
+ <div class="glyph fs3">
239
335
  <div class="clearfix pbs">
240
336
  <svg class="icon icon-chevrons-left"><use xlink:href="symbol-defs.svg#icon-chevrons-left"></use></svg><span class="name"> icon-chevrons-left</span>
241
337
  </div>
242
338
  </div>
243
- <div class="glyph fs1">
339
+ <div class="glyph fs3">
244
340
  <div class="clearfix pbs">
245
341
  <svg class="icon icon-chevrons-right"><use xlink:href="symbol-defs.svg#icon-chevrons-right"></use></svg><span class="name"> icon-chevrons-right</span>
246
342
  </div>
247
343
  </div>
248
- <div class="glyph fs1">
344
+ <div class="glyph fs3">
249
345
  <div class="clearfix pbs">
250
346
  <svg class="icon icon-chevrons-up"><use xlink:href="symbol-defs.svg#icon-chevrons-up"></use></svg><span class="name"> icon-chevrons-up</span>
251
347
  </div>
252
348
  </div>
253
- <div class="glyph fs1">
349
+ <div class="glyph fs3">
254
350
  <div class="clearfix pbs">
255
351
  <svg class="icon icon-circle"><use xlink:href="symbol-defs.svg#icon-circle"></use></svg><span class="name"> icon-circle</span>
256
352
  </div>
257
353
  </div>
258
- <div class="glyph fs1">
354
+ <div class="glyph fs3">
259
355
  <div class="clearfix pbs">
260
356
  <svg class="icon icon-clipboard"><use xlink:href="symbol-defs.svg#icon-clipboard"></use></svg><span class="name"> icon-clipboard</span>
261
357
  </div>
262
358
  </div>
263
- <div class="glyph fs1">
359
+ <div class="glyph fs3">
264
360
  <div class="clearfix pbs">
265
361
  <svg class="icon icon-clock"><use xlink:href="symbol-defs.svg#icon-clock"></use></svg><span class="name"> icon-clock</span>
266
362
  </div>
267
363
  </div>
268
- <div class="glyph fs1">
364
+ <div class="glyph fs3">
269
365
  <div class="clearfix pbs">
270
- <svg class="icon icon-cloud"><use xlink:href="symbol-defs.svg#icon-cloud"></use></svg><span class="name"> icon-cloud</span>
366
+ <svg class="icon icon-cloud1"><use xlink:href="symbol-defs.svg#icon-cloud1"></use></svg><span class="name"> icon-cloud1</span>
271
367
  </div>
272
368
  </div>
273
- <div class="glyph fs1">
369
+ <div class="glyph fs3">
274
370
  <div class="clearfix pbs">
275
371
  <svg class="icon icon-code"><use xlink:href="symbol-defs.svg#icon-code"></use></svg><span class="name"> icon-code</span>
276
372
  </div>
277
373
  </div>
278
- <div class="glyph fs1">
374
+ <div class="glyph fs3">
279
375
  <div class="clearfix pbs">
280
376
  <svg class="icon icon-copy"><use xlink:href="symbol-defs.svg#icon-copy"></use></svg><span class="name"> icon-copy</span>
281
377
  </div>
282
378
  </div>
283
- <div class="glyph fs1">
379
+ <div class="glyph fs3">
284
380
  <div class="clearfix pbs">
285
381
  <svg class="icon icon-credit-card"><use xlink:href="symbol-defs.svg#icon-credit-card"></use></svg><span class="name"> icon-credit-card</span>
286
382
  </div>
287
383
  </div>
288
- <div class="glyph fs1">
384
+ <div class="glyph fs3">
289
385
  <div class="clearfix pbs">
290
386
  <svg class="icon icon-disc"><use xlink:href="symbol-defs.svg#icon-disc"></use></svg><span class="name"> icon-disc</span>
291
387
  </div>
292
388
  </div>
293
- <div class="glyph fs1">
389
+ <div class="glyph fs3">
294
390
  <div class="clearfix pbs">
295
391
  <svg class="icon icon-edit"><use xlink:href="symbol-defs.svg#icon-edit"></use></svg><span class="name"> icon-edit</span>
296
392
  </div>
297
393
  </div>
298
- <div class="glyph fs1">
394
+ <div class="glyph fs3">
299
395
  <div class="clearfix pbs">
300
396
  <svg class="icon icon-edit-3"><use xlink:href="symbol-defs.svg#icon-edit-3"></use></svg><span class="name"> icon-edit-3</span>
301
397
  </div>
302
398
  </div>
303
- <div class="glyph fs1">
399
+ <div class="glyph fs3">
304
400
  <div class="clearfix pbs">
305
401
  <svg class="icon icon-external-link"><use xlink:href="symbol-defs.svg#icon-external-link"></use></svg><span class="name"> icon-external-link</span>
306
402
  </div>
307
403
  </div>
308
- <div class="glyph fs1">
404
+ <div class="glyph fs3">
309
405
  <div class="clearfix pbs">
310
406
  <svg class="icon icon-flag"><use xlink:href="symbol-defs.svg#icon-flag"></use></svg><span class="name"> icon-flag</span>
311
407
  </div>
312
408
  </div>
313
- <div class="glyph fs1">
409
+ <div class="glyph fs3">
314
410
  <div class="clearfix pbs">
315
411
  <svg class="icon icon-home"><use xlink:href="symbol-defs.svg#icon-home"></use></svg><span class="name"> icon-home</span>
316
412
  </div>
317
413
  </div>
318
- <div class="glyph fs1">
414
+ <div class="glyph fs3">
319
415
  <div class="clearfix pbs">
320
416
  <svg class="icon icon-image"><use xlink:href="symbol-defs.svg#icon-image"></use></svg><span class="name"> icon-image</span>
321
417
  </div>
322
418
  </div>
323
- <div class="glyph fs1">
419
+ <div class="glyph fs3">
324
420
  <div class="clearfix pbs">
325
421
  <svg class="icon icon-inbox"><use xlink:href="symbol-defs.svg#icon-inbox"></use></svg><span class="name"> icon-inbox</span>
326
422
  </div>
327
423
  </div>
328
- <div class="glyph fs1">
424
+ <div class="glyph fs3">
329
425
  <div class="clearfix pbs">
330
426
  <svg class="icon icon-info"><use xlink:href="symbol-defs.svg#icon-info"></use></svg><span class="name"> icon-info</span>
331
427
  </div>
332
428
  </div>
333
- <div class="glyph fs1">
429
+ <div class="glyph fs3">
334
430
  <div class="clearfix pbs">
335
431
  <svg class="icon icon-layers"><use xlink:href="symbol-defs.svg#icon-layers"></use></svg><span class="name"> icon-layers</span>
336
432
  </div>
337
433
  </div>
338
- <div class="glyph fs1">
434
+ <div class="glyph fs3">
339
435
  <div class="clearfix pbs">
340
436
  <svg class="icon icon-loader"><use xlink:href="symbol-defs.svg#icon-loader"></use></svg><span class="name"> icon-loader</span>
341
437
  </div>
342
438
  </div>
343
- <div class="glyph fs1">
439
+ <div class="glyph fs3">
344
440
  <div class="clearfix pbs">
345
441
  <svg class="icon icon-lock"><use xlink:href="symbol-defs.svg#icon-lock"></use></svg><span class="name"> icon-lock</span>
346
442
  </div>
347
443
  </div>
348
- <div class="glyph fs1">
444
+ <div class="glyph fs3">
349
445
  <div class="clearfix pbs">
350
446
  <svg class="icon icon-mail1"><use xlink:href="symbol-defs.svg#icon-mail1"></use></svg><span class="name"> icon-mail1</span>
351
447
  </div>
352
448
  </div>
353
- <div class="glyph fs1">
449
+ <div class="glyph fs3">
354
450
  <div class="clearfix pbs">
355
451
  <svg class="icon icon-message-square"><use xlink:href="symbol-defs.svg#icon-message-square"></use></svg><span class="name"> icon-message-square</span>
356
452
  </div>
357
453
  </div>
358
- <div class="glyph fs1">
454
+ <div class="glyph fs3">
359
455
  <div class="clearfix pbs">
360
456
  <svg class="icon icon-mic"><use xlink:href="symbol-defs.svg#icon-mic"></use></svg><span class="name"> icon-mic</span>
361
457
  </div>
362
458
  </div>
363
- <div class="glyph fs1">
459
+ <div class="glyph fs3">
364
460
  <div class="clearfix pbs">
365
461
  <svg class="icon icon-paperclip"><use xlink:href="symbol-defs.svg#icon-paperclip"></use></svg><span class="name"> icon-paperclip</span>
366
462
  </div>
367
463
  </div>
368
- <div class="glyph fs1">
464
+ <div class="glyph fs3">
369
465
  <div class="clearfix pbs">
370
466
  <svg class="icon icon-phone"><use xlink:href="symbol-defs.svg#icon-phone"></use></svg><span class="name"> icon-phone</span>
371
467
  </div>
372
468
  </div>
373
- <div class="glyph fs1">
469
+ <div class="glyph fs3">
374
470
  <div class="clearfix pbs">
375
471
  <svg class="icon icon-phone-forwarded"><use xlink:href="symbol-defs.svg#icon-phone-forwarded"></use></svg><span class="name"> icon-phone-forwarded</span>
376
472
  </div>
377
473
  </div>
378
- <div class="glyph fs1">
474
+ <div class="glyph fs3">
379
475
  <div class="clearfix pbs">
380
476
  <svg class="icon icon-phone-incoming"><use xlink:href="symbol-defs.svg#icon-phone-incoming"></use></svg><span class="name"> icon-phone-incoming</span>
381
477
  </div>
382
478
  </div>
383
- <div class="glyph fs1">
479
+ <div class="glyph fs3">
384
480
  <div class="clearfix pbs">
385
481
  <svg class="icon icon-phone-missed"><use xlink:href="symbol-defs.svg#icon-phone-missed"></use></svg><span class="name"> icon-phone-missed</span>
386
482
  </div>
387
483
  </div>
388
- <div class="glyph fs1">
484
+ <div class="glyph fs3">
389
485
  <div class="clearfix pbs">
390
486
  <svg class="icon icon-phone-outgoing"><use xlink:href="symbol-defs.svg#icon-phone-outgoing"></use></svg><span class="name"> icon-phone-outgoing</span>
391
487
  </div>
392
488
  </div>
393
- <div class="glyph fs1">
489
+ <div class="glyph fs3">
394
490
  <div class="clearfix pbs">
395
491
  <svg class="icon icon-radio"><use xlink:href="symbol-defs.svg#icon-radio"></use></svg><span class="name"> icon-radio</span>
396
492
  </div>
397
493
  </div>
398
- <div class="glyph fs1">
494
+ <div class="glyph fs3">
399
495
  <div class="clearfix pbs">
400
496
  <svg class="icon icon-repeat"><use xlink:href="symbol-defs.svg#icon-repeat"></use></svg><span class="name"> icon-repeat</span>
401
497
  </div>
402
498
  </div>
403
- <div class="glyph fs1">
499
+ <div class="glyph fs3">
404
500
  <div class="clearfix pbs">
405
501
  <svg class="icon icon-send"><use xlink:href="symbol-defs.svg#icon-send"></use></svg><span class="name"> icon-send</span>
406
502
  </div>
407
503
  </div>
408
- <div class="glyph fs1">
504
+ <div class="glyph fs3">
409
505
  <div class="clearfix pbs">
410
506
  <svg class="icon icon-settings"><use xlink:href="symbol-defs.svg#icon-settings"></use></svg><span class="name"> icon-settings</span>
411
507
  </div>
412
508
  </div>
413
- <div class="glyph fs1">
509
+ <div class="glyph fs3">
414
510
  <div class="clearfix pbs">
415
511
  <svg class="icon icon-shield"><use xlink:href="symbol-defs.svg#icon-shield"></use></svg><span class="name"> icon-shield</span>
416
512
  </div>
417
513
  </div>
418
- <div class="glyph fs1">
514
+ <div class="glyph fs3">
419
515
  <div class="clearfix pbs">
420
516
  <svg class="icon icon-shield-off"><use xlink:href="symbol-defs.svg#icon-shield-off"></use></svg><span class="name"> icon-shield-off</span>
421
517
  </div>
422
518
  </div>
423
- <div class="glyph fs1">
519
+ <div class="glyph fs3">
424
520
  <div class="clearfix pbs">
425
521
  <svg class="icon icon-sidebar"><use xlink:href="symbol-defs.svg#icon-sidebar"></use></svg><span class="name"> icon-sidebar</span>
426
522
  </div>
427
523
  </div>
428
- <div class="glyph fs1">
524
+ <div class="glyph fs3">
429
525
  <div class="clearfix pbs">
430
526
  <svg class="icon icon-slash"><use xlink:href="symbol-defs.svg#icon-slash"></use></svg><span class="name"> icon-slash</span>
431
527
  </div>
432
528
  </div>
433
- <div class="glyph fs1">
529
+ <div class="glyph fs3">
434
530
  <div class="clearfix pbs">
435
531
  <svg class="icon icon-sliders"><use xlink:href="symbol-defs.svg#icon-sliders"></use></svg><span class="name"> icon-sliders</span>
436
532
  </div>
437
533
  </div>
438
- <div class="glyph fs1">
534
+ <div class="glyph fs3">
439
535
  <div class="clearfix pbs">
440
536
  <svg class="icon icon-smartphone"><use xlink:href="symbol-defs.svg#icon-smartphone"></use></svg><span class="name"> icon-smartphone</span>
441
537
  </div>
442
538
  </div>
443
- <div class="glyph fs1">
539
+ <div class="glyph fs3">
444
540
  <div class="clearfix pbs">
445
541
  <svg class="icon icon-square"><use xlink:href="symbol-defs.svg#icon-square"></use></svg><span class="name"> icon-square</span>
446
542
  </div>
447
543
  </div>
448
- <div class="glyph fs1">
544
+ <div class="glyph fs3">
449
545
  <div class="clearfix pbs">
450
546
  <svg class="icon icon-tag"><use xlink:href="symbol-defs.svg#icon-tag"></use></svg><span class="name"> icon-tag</span>
451
547
  </div>
452
548
  </div>
453
- <div class="glyph fs1">
549
+ <div class="glyph fs3">
454
550
  <div class="clearfix pbs">
455
551
  <svg class="icon icon-tool"><use xlink:href="symbol-defs.svg#icon-tool"></use></svg><span class="name"> icon-tool</span>
456
552
  </div>
457
553
  </div>
458
- <div class="glyph fs1">
554
+ <div class="glyph fs3">
459
555
  <div class="clearfix pbs">
460
556
  <svg class="icon icon-trash"><use xlink:href="symbol-defs.svg#icon-trash"></use></svg><span class="name"> icon-trash</span>
461
557
  </div>
462
558
  </div>
463
- <div class="glyph fs1">
559
+ <div class="glyph fs3">
464
560
  <div class="clearfix pbs">
465
561
  <svg class="icon icon-trash-2"><use xlink:href="symbol-defs.svg#icon-trash-2"></use></svg><span class="name"> icon-trash-2</span>
466
562
  </div>
467
563
  </div>
468
- <div class="glyph fs1">
564
+ <div class="glyph fs3">
469
565
  <div class="clearfix pbs">
470
566
  <svg class="icon icon-user"><use xlink:href="symbol-defs.svg#icon-user"></use></svg><span class="name"> icon-user</span>
471
567
  </div>
472
568
  </div>
473
- <div class="glyph fs1">
569
+ <div class="glyph fs3">
474
570
  <div class="clearfix pbs">
475
571
  <svg class="icon icon-users"><use xlink:href="symbol-defs.svg#icon-users"></use></svg><span class="name"> icon-users</span>
476
572
  </div>
477
573
  </div>
478
- <div class="glyph fs1">
574
+ <div class="glyph fs3">
479
575
  <div class="clearfix pbs">
480
576
  <svg class="icon icon-speaker"><use xlink:href="symbol-defs.svg#icon-speaker"></use></svg><span class="name"> icon-speaker</span>
481
577
  </div>
482
578
  </div>
483
- <div class="glyph fs1">
579
+ <div class="glyph fs3">
484
580
  <div class="clearfix pbs">
485
581
  <svg class="icon icon-x"><use xlink:href="symbol-defs.svg#icon-x"></use></svg><span class="name"> icon-x</span>
486
582
  </div>
487
583
  </div>
488
- <div class="glyph fs1">
584
+ <div class="glyph fs3">
489
585
  <div class="clearfix pbs">
490
586
  <svg class="icon icon-x-octagon"><use xlink:href="symbol-defs.svg#icon-x-octagon"></use></svg><span class="name"> icon-x-octagon</span>
491
587
  </div>
492
588
  </div>
493
- <div class="glyph fs1">
589
+ <div class="glyph fs3">
494
590
  <div class="clearfix pbs">
495
591
  <svg class="icon icon-zap"><use xlink:href="symbol-defs.svg#icon-zap"></use></svg><span class="name"> icon-zap</span>
496
592
  </div>
497
593
  </div>
498
- <div class="glyph fs1">
594
+ <div class="glyph fs3">
499
595
  <div class="clearfix pbs">
500
596
  <svg class="icon icon-contact-cal"><use xlink:href="symbol-defs.svg#icon-contact-cal"></use></svg><span class="name"> icon-contact-cal</span>
501
597
  </div>
502
598
  </div>
503
- <div class="glyph fs1">
599
+ <div class="glyph fs3">
504
600
  <div class="clearfix pbs">
505
601
  <svg class="icon icon-send-mobile"><use xlink:href="symbol-defs.svg#icon-send-mobile"></use></svg><span class="name"> icon-send-mobile</span>
506
602
  </div>
@@ -508,225 +604,189 @@
508
604
  </div>
509
605
  <div class="clearfix mhl ptl">
510
606
  <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
511
- <div class="glyph fs2">
607
+ <div class="glyph fs4">
512
608
  <div class="clearfix pbs">
513
609
  <svg class="icon icon-cord"><use xlink:href="symbol-defs.svg#icon-cord"></use></svg><span class="name"> icon-cord</span>
514
610
  </div>
515
611
  </div>
516
- <div class="glyph fs2">
612
+ <div class="glyph fs4">
517
613
  <div class="clearfix pbs">
518
614
  <svg class="icon icon-bothub"><use xlink:href="symbol-defs.svg#icon-bothub"></use></svg><span class="name"> icon-bothub</span>
519
615
  </div>
520
616
  </div>
521
- <div class="glyph fs2">
617
+ <div class="glyph fs4">
522
618
  <div class="clearfix pbs">
523
619
  <svg class="icon icon-channel-android"><use xlink:href="symbol-defs.svg#icon-channel-android"></use></svg><span class="name"> icon-channel-android</span>
524
620
  </div>
525
621
  </div>
526
- <div class="glyph fs2">
622
+ <div class="glyph fs4">
527
623
  <div class="clearfix pbs">
528
624
  <svg class="icon icon-channel-kannel"><use xlink:href="symbol-defs.svg#icon-channel-kannel"></use></svg><span class="name"> icon-channel-kannel</span>
529
625
  </div>
530
626
  </div>
531
- <div class="glyph fs2">
627
+ <div class="glyph fs4">
532
628
  <div class="clearfix pbs">
533
629
  <svg class="icon icon-channel-plivo"><use xlink:href="symbol-defs.svg#icon-channel-plivo"></use></svg><span class="name"> icon-channel-plivo</span>
534
630
  </div>
535
631
  </div>
536
- <div class="glyph fs2">
632
+ <div class="glyph fs4">
537
633
  <div class="clearfix pbs">
538
634
  <svg class="icon icon-channel-twilio"><use xlink:href="symbol-defs.svg#icon-channel-twilio"></use></svg><span class="name"> icon-channel-twilio</span>
539
635
  </div>
540
636
  </div>
541
- <div class="glyph fs2">
637
+ <div class="glyph fs4">
542
638
  <div class="clearfix pbs">
543
639
  <svg class="icon icon-chatbase"><use xlink:href="symbol-defs.svg#icon-chatbase"></use></svg><span class="name"> icon-chatbase</span>
544
640
  </div>
545
641
  </div>
546
- <div class="glyph fs2">
642
+ <div class="glyph fs4">
547
643
  <div class="clearfix pbs">
548
644
  <svg class="icon icon-clickatell"><use xlink:href="symbol-defs.svg#icon-clickatell"></use></svg><span class="name"> icon-clickatell</span>
549
645
  </div>
550
646
  </div>
551
- <div class="glyph fs2">
647
+ <div class="glyph fs4">
552
648
  <div class="clearfix pbs">
553
649
  <svg class="icon icon-clickatell-inverted"><use xlink:href="symbol-defs.svg#icon-clickatell-inverted"></use></svg><span class="name"> icon-clickatell-inverted</span>
554
650
  </div>
555
651
  </div>
556
- <div class="glyph fs2">
652
+ <div class="glyph fs4">
557
653
  <div class="clearfix pbs">
558
654
  <svg class="icon icon-dtone"><use xlink:href="symbol-defs.svg#icon-dtone"></use></svg><span class="name"> icon-dtone</span>
559
655
  </div>
560
656
  </div>
561
- <div class="glyph fs2">
657
+ <div class="glyph fs4">
562
658
  <div class="clearfix pbs">
563
659
  <svg class="icon icon-facebook-official"><use xlink:href="symbol-defs.svg#icon-facebook-official"></use></svg><span class="name"> icon-facebook-official</span>
564
660
  </div>
565
661
  </div>
566
- <div class="glyph fs2">
662
+ <div class="glyph fs4">
567
663
  <div class="clearfix pbs">
568
664
  <svg class="icon icon-freshchat"><use xlink:href="symbol-defs.svg#icon-freshchat"></use></svg><span class="name"> icon-freshchat</span>
569
665
  </div>
570
666
  </div>
571
- <div class="glyph fs2">
667
+ <div class="glyph fs4">
572
668
  <div class="clearfix pbs">
573
669
  <svg class="icon icon-github"><use xlink:href="symbol-defs.svg#icon-github"></use></svg><span class="name"> icon-github</span>
574
670
  </div>
575
671
  </div>
576
- <div class="glyph fs2">
672
+ <div class="glyph fs4">
577
673
  <div class="clearfix pbs">
578
674
  <svg class="icon icon-google-plus"><use xlink:href="symbol-defs.svg#icon-google-plus"></use></svg><span class="name"> icon-google-plus</span>
579
675
  </div>
580
676
  </div>
581
- <div class="glyph fs2">
677
+ <div class="glyph fs4">
582
678
  <div class="clearfix pbs">
583
679
  <svg class="icon icon-jiochat"><use xlink:href="symbol-defs.svg#icon-jiochat"></use></svg><span class="name"> icon-jiochat</span>
584
680
  </div>
585
681
  </div>
586
- <div class="glyph fs2">
682
+ <div class="glyph fs4">
587
683
  <div class="clearfix pbs">
588
684
  <svg class="icon icon-junebug"><use xlink:href="symbol-defs.svg#icon-junebug"></use></svg><span class="name"> icon-junebug</span>
589
685
  </div>
590
686
  </div>
591
- <div class="glyph fs2">
687
+ <div class="glyph fs4">
592
688
  <div class="clearfix pbs">
593
689
  <svg class="icon icon-line"><use xlink:href="symbol-defs.svg#icon-line"></use></svg><span class="name"> icon-line</span>
594
690
  </div>
595
691
  </div>
596
- <div class="glyph fs2">
692
+ <div class="glyph fs4">
597
693
  <div class="clearfix pbs">
598
694
  <svg class="icon icon-luis"><use xlink:href="symbol-defs.svg#icon-luis"></use></svg><span class="name"> icon-luis</span>
599
695
  </div>
600
696
  </div>
601
- <div class="glyph fs2">
697
+ <div class="glyph fs4">
602
698
  <div class="clearfix pbs">
603
699
  <svg class="icon icon-mtarget"><use xlink:href="symbol-defs.svg#icon-mtarget"></use></svg><span class="name"> icon-mtarget</span>
604
700
  </div>
605
701
  </div>
606
- <div class="glyph fs2">
702
+ <div class="glyph fs4">
607
703
  <div class="clearfix pbs">
608
704
  <svg class="icon icon-plivo"><use xlink:href="symbol-defs.svg#icon-plivo"></use></svg><span class="name"> icon-plivo</span>
609
705
  </div>
610
706
  </div>
611
- <div class="glyph fs2">
707
+ <div class="glyph fs4">
612
708
  <div class="clearfix pbs">
613
709
  <svg class="icon icon-plivo-inverted"><use xlink:href="symbol-defs.svg#icon-plivo-inverted"></use></svg><span class="name"> icon-plivo-inverted</span>
614
710
  </div>
615
711
  </div>
616
- <div class="glyph fs2">
712
+ <div class="glyph fs4">
617
713
  <div class="clearfix pbs">
618
714
  <svg class="icon icon-prometheus"><use xlink:href="symbol-defs.svg#icon-prometheus"></use></svg><span class="name"> icon-prometheus</span>
619
715
  </div>
620
716
  </div>
621
- <div class="glyph fs2">
717
+ <div class="glyph fs4">
622
718
  <div class="clearfix pbs">
623
719
  <svg class="icon icon-rocketchat"><use xlink:href="symbol-defs.svg#icon-rocketchat"></use></svg><span class="name"> icon-rocketchat</span>
624
720
  </div>
625
721
  </div>
626
- <div class="glyph fs2">
722
+ <div class="glyph fs4">
627
723
  <div class="clearfix pbs">
628
724
  <svg class="icon icon-signalwire"><use xlink:href="symbol-defs.svg#icon-signalwire"></use></svg><span class="name"> icon-signalwire</span>
629
725
  </div>
630
726
  </div>
631
- <div class="glyph fs2">
727
+ <div class="glyph fs4">
632
728
  <div class="clearfix pbs">
633
729
  <svg class="icon icon-telegram"><use xlink:href="symbol-defs.svg#icon-telegram"></use></svg><span class="name"> icon-telegram</span>
634
730
  </div>
635
731
  </div>
636
- <div class="glyph fs2">
732
+ <div class="glyph fs4">
637
733
  <div class="clearfix pbs">
638
734
  <svg class="icon icon-thinq"><use xlink:href="symbol-defs.svg#icon-thinq"></use></svg><span class="name"> icon-thinq</span>
639
735
  </div>
640
736
  </div>
641
- <div class="glyph fs2">
737
+ <div class="glyph fs4">
642
738
  <div class="clearfix pbs">
643
739
  <svg class="icon icon-twilio_inverted"><use xlink:href="symbol-defs.svg#icon-twilio_inverted"></use></svg><span class="name"> icon-twilio_inverted</span>
644
740
  </div>
645
741
  </div>
646
- <div class="glyph fs2">
742
+ <div class="glyph fs4">
647
743
  <div class="clearfix pbs">
648
744
  <svg class="icon icon-twilio_original"><use xlink:href="symbol-defs.svg#icon-twilio_original"></use></svg><span class="name"> icon-twilio_original</span>
649
745
  </div>
650
746
  </div>
651
- <div class="glyph fs2">
747
+ <div class="glyph fs4">
652
748
  <div class="clearfix pbs">
653
749
  <svg class="icon icon-twitter"><use xlink:href="symbol-defs.svg#icon-twitter"></use></svg><span class="name"> icon-twitter</span>
654
750
  </div>
655
751
  </div>
656
- <div class="glyph fs2">
752
+ <div class="glyph fs4">
657
753
  <div class="clearfix pbs">
658
754
  <svg class="icon icon-viber"><use xlink:href="symbol-defs.svg#icon-viber"></use></svg><span class="name"> icon-viber</span>
659
755
  </div>
660
756
  </div>
661
- <div class="glyph fs2">
757
+ <div class="glyph fs4">
662
758
  <div class="clearfix pbs">
663
759
  <svg class="icon icon-vk"><use xlink:href="symbol-defs.svg#icon-vk"></use></svg><span class="name"> icon-vk</span>
664
760
  </div>
665
761
  </div>
666
- <div class="glyph fs2">
762
+ <div class="glyph fs4">
667
763
  <div class="clearfix pbs">
668
764
  <svg class="icon icon-wechat"><use xlink:href="symbol-defs.svg#icon-wechat"></use></svg><span class="name"> icon-wechat</span>
669
765
  </div>
670
766
  </div>
671
- <div class="glyph fs2">
672
- <div class="clearfix pbs">
673
- <svg class="icon icon-whatsapp"><use xlink:href="symbol-defs.svg#icon-whatsapp"></use></svg><span class="name"> icon-whatsapp</span>
674
- </div>
675
- </div>
676
- <div class="glyph fs2">
677
- <div class="clearfix pbs">
678
- <svg class="icon icon-wit"><use xlink:href="symbol-defs.svg#icon-wit"></use></svg><span class="name"> icon-wit</span>
679
- </div>
680
- </div>
681
- <div class="glyph fs2">
682
- <div class="clearfix pbs">
683
- <svg class="icon icon-zendesk"><use xlink:href="symbol-defs.svg#icon-zendesk"></use></svg><span class="name"> icon-zendesk</span>
684
- </div>
685
- </div>
686
- <div class="glyph fs2">
687
- <div class="clearfix pbs">
688
- <svg class="icon icon-vonage"><use xlink:href="symbol-defs.svg#icon-vonage"></use></svg><span class="name"> icon-vonage</span>
689
- </div>
690
- </div>
691
- <div class="glyph fs2">
692
- <div class="clearfix pbs">
693
- <svg class="icon icon-megaphone"><use xlink:href="symbol-defs.svg#icon-megaphone"></use></svg><span class="name"> icon-megaphone</span>
694
- </div>
695
- </div>
696
- </div>
697
- <div class="clearfix mhl ptl">
698
- <h1 class="mvm mtn fgc1">Grid Size: 0</h1>
699
- <div class="glyph fs3">
700
- <div class="clearfix pbs">
701
- <svg class="icon icon-zendesk1"><use xlink:href="symbol-defs.svg#icon-zendesk1"></use></svg><span class="name"> icon-zendesk1</span>
702
- </div>
703
- </div>
704
- </div>
705
- <div class="clearfix mhl ptl">
706
- <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
707
767
  <div class="glyph fs4">
708
768
  <div class="clearfix pbs">
709
- <svg class="icon icon-users1"><use xlink:href="symbol-defs.svg#icon-users1"></use></svg><span class="name"> icon-users1</span>
769
+ <svg class="icon icon-whatsapp"><use xlink:href="symbol-defs.svg#icon-whatsapp"></use></svg><span class="name"> icon-whatsapp</span>
710
770
  </div>
711
771
  </div>
712
772
  <div class="glyph fs4">
713
773
  <div class="clearfix pbs">
714
- <svg class="icon icon-lock2"><use xlink:href="symbol-defs.svg#icon-lock2"></use></svg><span class="name"> icon-lock2</span>
774
+ <svg class="icon icon-wit"><use xlink:href="symbol-defs.svg#icon-wit"></use></svg><span class="name"> icon-wit</span>
715
775
  </div>
716
776
  </div>
717
777
  <div class="glyph fs4">
718
778
  <div class="clearfix pbs">
719
- <svg class="icon icon-atom"><use xlink:href="symbol-defs.svg#icon-atom"></use></svg><span class="name"> icon-atom</span>
779
+ <svg class="icon icon-zendesk"><use xlink:href="symbol-defs.svg#icon-zendesk"></use></svg><span class="name"> icon-zendesk</span>
720
780
  </div>
721
781
  </div>
722
782
  <div class="glyph fs4">
723
783
  <div class="clearfix pbs">
724
- <svg class="icon icon-paperplane"><use xlink:href="symbol-defs.svg#icon-paperplane"></use></svg><span class="name"> icon-paperplane</span>
784
+ <svg class="icon icon-vonage"><use xlink:href="symbol-defs.svg#icon-vonage"></use></svg><span class="name"> icon-vonage</span>
725
785
  </div>
726
786
  </div>
727
787
  <div class="glyph fs4">
728
788
  <div class="clearfix pbs">
729
- <svg class="icon icon-cancel"><use xlink:href="symbol-defs.svg#icon-cancel"></use></svg><span class="name"> icon-cancel</span>
789
+ <svg class="icon icon-megaphone"><use xlink:href="symbol-defs.svg#icon-megaphone"></use></svg><span class="name"> icon-megaphone</span>
730
790
  </div>
731
791
  </div>
732
792
  </div>