@nyaruka/temba-components 0.25.2 → 0.26.2

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 (186) hide show
  1. package/.github/workflows/build.yml +1 -1
  2. package/CHANGELOG.md +33 -0
  3. package/demo/index.html +60 -1
  4. package/dist/4f80c187.js +4277 -0
  5. package/dist/index.js +3957 -36
  6. package/dist/static/icons/symbol-defs.svg +29 -20
  7. package/dist/sw.js +1 -1
  8. package/dist/sw.js.map +1 -1
  9. package/dist/templates/components-body.html +1 -1
  10. package/dist/templates/components-head.html +1 -1
  11. package/out-tsc/src/FormElement.js +1 -1
  12. package/out-tsc/src/FormElement.js.map +1 -1
  13. package/out-tsc/src/RapidElement.js +1 -1
  14. package/out-tsc/src/RapidElement.js.map +1 -1
  15. package/out-tsc/src/alert/Alert.js +3 -3
  16. package/out-tsc/src/alert/Alert.js.map +1 -1
  17. package/out-tsc/src/aliaseditor/AliasEditor.js +3 -3
  18. package/out-tsc/src/aliaseditor/AliasEditor.js.map +1 -1
  19. package/out-tsc/src/anchor/Anchor.js +2 -1
  20. package/out-tsc/src/anchor/Anchor.js.map +1 -1
  21. package/out-tsc/src/button/Button.js +2 -1
  22. package/out-tsc/src/button/Button.js.map +1 -1
  23. package/out-tsc/src/charcount/CharCount.js +2 -1
  24. package/out-tsc/src/charcount/CharCount.js.map +1 -1
  25. package/out-tsc/src/checkbox/Checkbox.js +3 -1
  26. package/out-tsc/src/checkbox/Checkbox.js.map +1 -1
  27. package/out-tsc/src/completion/Completion.js +2 -1
  28. package/out-tsc/src/completion/Completion.js.map +1 -1
  29. package/out-tsc/src/completion/helpers.js +27 -4
  30. package/out-tsc/src/completion/helpers.js.map +1 -1
  31. package/out-tsc/src/contacts/ContactChat.js +101 -86
  32. package/out-tsc/src/contacts/ContactChat.js.map +1 -1
  33. package/out-tsc/src/contacts/ContactDetails.js +2 -1
  34. package/out-tsc/src/contacts/ContactDetails.js.map +1 -1
  35. package/out-tsc/src/contacts/ContactHistory.js +32 -37
  36. package/out-tsc/src/contacts/ContactHistory.js.map +1 -1
  37. package/out-tsc/src/contacts/events.js +62 -76
  38. package/out-tsc/src/contacts/events.js.map +1 -1
  39. package/out-tsc/src/contactsearch/ContactSearch.js +2 -1
  40. package/out-tsc/src/contactsearch/ContactSearch.js.map +1 -1
  41. package/out-tsc/src/datepicker/DatePicker.js +2 -1
  42. package/out-tsc/src/datepicker/DatePicker.js.map +1 -1
  43. package/out-tsc/src/dialog/Dialog.js +2 -2
  44. package/out-tsc/src/dialog/Dialog.js.map +1 -1
  45. package/out-tsc/src/dialog/Modax.js +3 -6
  46. package/out-tsc/src/dialog/Modax.js.map +1 -1
  47. package/out-tsc/src/dropdown/Dropdown.js +133 -0
  48. package/out-tsc/src/dropdown/Dropdown.js.map +1 -0
  49. package/out-tsc/src/formfield/FormField.js +2 -1
  50. package/out-tsc/src/formfield/FormField.js.map +1 -1
  51. package/out-tsc/src/label/Label.js +2 -1
  52. package/out-tsc/src/label/Label.js.map +1 -1
  53. package/out-tsc/src/leafletmap/LeafletMap.js +2 -1
  54. package/out-tsc/src/leafletmap/LeafletMap.js.map +1 -1
  55. package/out-tsc/src/list/TembaList.js +7 -5
  56. package/out-tsc/src/list/TembaList.js.map +1 -1
  57. package/out-tsc/src/list/TembaMenu.js +112 -97
  58. package/out-tsc/src/list/TembaMenu.js.map +1 -1
  59. package/out-tsc/src/list/TicketList.js +2 -1
  60. package/out-tsc/src/list/TicketList.js.map +1 -1
  61. package/out-tsc/src/loading/Loading.js +2 -1
  62. package/out-tsc/src/loading/Loading.js.map +1 -1
  63. package/out-tsc/src/omnibox/Omnibox.js +2 -1
  64. package/out-tsc/src/omnibox/Omnibox.js.map +1 -1
  65. package/out-tsc/src/options/Options.js +3 -2
  66. package/out-tsc/src/options/Options.js.map +1 -1
  67. package/out-tsc/src/remote/Remote.js +2 -1
  68. package/out-tsc/src/remote/Remote.js.map +1 -1
  69. package/out-tsc/src/select/Select.js +8 -10
  70. package/out-tsc/src/select/Select.js.map +1 -1
  71. package/out-tsc/src/shadowless/Shadowless.js +2 -2
  72. package/out-tsc/src/shadowless/Shadowless.js.map +1 -1
  73. package/out-tsc/src/store/Store.js +2 -1
  74. package/out-tsc/src/store/Store.js.map +1 -1
  75. package/out-tsc/src/tabpane/Tab.js +46 -0
  76. package/out-tsc/src/tabpane/Tab.js.map +1 -0
  77. package/out-tsc/src/tabpane/TabPane.js +109 -0
  78. package/out-tsc/src/tabpane/TabPane.js.map +1 -0
  79. package/out-tsc/src/textinput/TextInput.js +3 -2
  80. package/out-tsc/src/textinput/TextInput.js.map +1 -1
  81. package/out-tsc/src/tip/Tip.js +2 -2
  82. package/out-tsc/src/tip/Tip.js.map +1 -1
  83. package/out-tsc/src/vectoricon/VectorIcon.js +18 -6
  84. package/out-tsc/src/vectoricon/VectorIcon.js.map +1 -1
  85. package/out-tsc/temba-modules.js +6 -0
  86. package/out-tsc/temba-modules.js.map +1 -1
  87. package/out-tsc/test/temba-contact-history.test.js +9 -6
  88. package/out-tsc/test/temba-contact-history.test.js.map +1 -1
  89. package/out-tsc/test/temba-dialog.test.js +3 -3
  90. package/out-tsc/test/temba-dialog.test.js.map +1 -1
  91. package/package.json +10 -9
  92. package/screenshots/truth/alert/error.png +0 -0
  93. package/screenshots/truth/alert/info.png +0 -0
  94. package/screenshots/truth/alert/warning.png +0 -0
  95. package/screenshots/truth/contacts/history-expanded.png +0 -0
  96. package/screenshots/truth/contacts/history.png +0 -0
  97. package/screenshots/truth/counter/summary.png +0 -0
  98. package/screenshots/truth/counter/unicode-variables.png +0 -0
  99. package/screenshots/truth/counter/unicode.png +0 -0
  100. package/screenshots/truth/dialog/focused.png +0 -0
  101. package/screenshots/truth/list/items-selected.png +0 -0
  102. package/screenshots/truth/list/items-updated.png +0 -0
  103. package/screenshots/truth/list/items.png +0 -0
  104. package/screenshots/truth/list/menu-root.png +0 -0
  105. package/screenshots/truth/list/menu-submenu.png +0 -0
  106. package/screenshots/truth/modax/form.png +0 -0
  107. package/screenshots/truth/modax/simple.png +0 -0
  108. package/screenshots/truth/options/block.png +0 -0
  109. package/screenshots/truth/select/embedded.png +0 -0
  110. package/screenshots/truth/select/expression-selected.png +0 -0
  111. package/screenshots/truth/select/expressions.png +0 -0
  112. package/screenshots/truth/select/functions.png +0 -0
  113. package/screenshots/truth/select/local-options.png +0 -0
  114. package/screenshots/truth/select/remote-options.png +0 -0
  115. package/screenshots/truth/select/search-enabled.png +0 -0
  116. package/screenshots/truth/select/search-selected-focus.png +0 -0
  117. package/screenshots/truth/select/search-selected.png +0 -0
  118. package/screenshots/truth/select/search-with-selected.png +0 -0
  119. package/screenshots/truth/select/searching.png +0 -0
  120. package/screenshots/truth/select/selected-multi.png +0 -0
  121. package/screenshots/truth/select/selected-single.png +0 -0
  122. package/screenshots/truth/select/selection-clearable.png +0 -0
  123. package/screenshots/truth/select/with-placeholder.png +0 -0
  124. package/screenshots/truth/select/without-placeholder.png +0 -0
  125. package/screenshots/truth/textinput/date-initialized.png +0 -0
  126. package/screenshots/truth/textinput/input-focused.png +0 -0
  127. package/screenshots/truth/textinput/textarea-focused.png +0 -0
  128. package/screenshots/truth/tip/bottom.png +0 -0
  129. package/screenshots/truth/tip/left.png +0 -0
  130. package/screenshots/truth/tip/right.png +0 -0
  131. package/screenshots/truth/tip/top.png +0 -0
  132. package/src/FormElement.ts +1 -1
  133. package/src/RapidElement.ts +1 -1
  134. package/src/alert/Alert.ts +3 -3
  135. package/src/aliaseditor/AliasEditor.ts +4 -3
  136. package/src/anchor/Anchor.ts +2 -1
  137. package/src/button/Button.ts +3 -1
  138. package/src/charcount/CharCount.ts +2 -1
  139. package/src/checkbox/Checkbox.ts +3 -1
  140. package/src/completion/Completion.ts +2 -1
  141. package/src/completion/helpers.ts +30 -4
  142. package/src/contacts/ContactChat.ts +115 -95
  143. package/src/contacts/ContactDetails.ts +2 -1
  144. package/src/contacts/ContactHistory.ts +64 -67
  145. package/src/contacts/events.ts +62 -77
  146. package/src/contactsearch/ContactSearch.ts +2 -1
  147. package/src/datepicker/DatePicker.ts +2 -7
  148. package/src/dialog/Dialog.ts +2 -2
  149. package/src/dialog/Modax.ts +4 -6
  150. package/src/dropdown/Dropdown.ts +136 -0
  151. package/src/formfield/FormField.ts +2 -1
  152. package/src/label/Label.ts +2 -8
  153. package/src/leafletmap/LeafletMap.ts +2 -2
  154. package/src/list/TembaList.ts +8 -5
  155. package/src/list/TembaMenu.ts +125 -103
  156. package/src/list/TicketList.ts +2 -1
  157. package/src/loading/Loading.ts +2 -1
  158. package/src/omnibox/Omnibox.ts +2 -1
  159. package/src/options/Options.ts +3 -2
  160. package/src/remote/Remote.ts +2 -7
  161. package/src/select/Select.ts +11 -10
  162. package/src/shadowless/Shadowless.ts +2 -2
  163. package/src/store/Store.ts +2 -1
  164. package/src/tabpane/Tab.ts +42 -0
  165. package/src/tabpane/TabPane.ts +113 -0
  166. package/src/textinput/TextInput.ts +3 -2
  167. package/src/tip/Tip.ts +2 -2
  168. package/src/vectoricon/VectorIcon.ts +18 -6
  169. package/static/css/temba-components.css +11 -0
  170. package/static/icons/Read Me.txt +1 -1
  171. package/static/icons/SVG/pause.svg +5 -0
  172. package/static/icons/SVG/play.svg +5 -0
  173. package/static/icons/SVG/{upload-cloud.svg → publish.svg} +1 -1
  174. package/static/icons/SVG/user-x.svg +5 -0
  175. package/static/icons/demo-external-svg.html +157 -142
  176. package/static/icons/demo-files/demo.css +3 -3
  177. package/static/icons/demo.html +186 -162
  178. package/static/icons/selection.json +390 -318
  179. package/static/icons/symbol-defs.svg +29 -20
  180. package/temba-modules.ts +6 -0
  181. package/test/temba-contact-history.test.ts +10 -6
  182. package/test/temba-dialog.test.ts +5 -6
  183. package/test-assets/modax/form.html +1 -1
  184. package/test-assets/style.css +7 -0
  185. package/web-test-runner.config.mjs +130 -117
  186. package/dist/56e0e480.js +0 -356
package/static/icons/demo.html CHANGED
@@ -10,27 +10,14 @@
10
10
  <body>
11
11
  <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
12
12
  <defs>
13
- <symbol id="icon-zapier" viewBox="0 0 32 32">
14
- <path fill="#ff4a00" style="fill: var(--color1, #ff4a00)" d="M20 16.005c0 1.191-0.22 2.328-0.615 3.38-1.049 0.396-2.191 0.615-3.38 0.615h-0.012c-1.191 0-2.327-0.22-3.379-0.615-0.396-1.052-0.615-2.191-0.615-3.38v-0.012c0-1.191 0.219-2.327 0.615-3.379 1.052-0.396 2.189-0.615 3.379-0.615h0.012c1.191 0 2.331 0.219 3.38 0.616 0.396 1.051 0.615 2.188 0.615 3.38zM31.78 13.333h-9.34l6.597-6.603c-0.52-0.731-1.093-1.413-1.727-2.044-0.631-0.632-1.313-1.209-2.040-1.728l-6.605 6.599v-9.337c-0.865-0.139-1.751-0.22-2.66-0.22h-0.013c-0.907 0-1.795 0.081-2.66 0.22v9.34l-6.6-6.599c-0.732 0.515-1.413 1.095-2.045 1.725-0.632 0.632-1.211 1.316-1.728 2.044l6.599 6.603h-9.337c0 0-0.22 1.755-0.22 2.66v0.012c0 0.907 0.081 1.797 0.22 2.66h9.34l-6.599 6.603c1.036 1.461 2.311 2.735 3.769 3.773l6.603-6.6v9.339c0.864 0.14 1.751 0.22 2.655 0.22h0.023c0.905 0 1.792-0.080 2.655-0.22v-9.339l6.603 6.6c0.731-0.5 1.413-1.083 2.039-1.72h0.007c0.631-0.62 1.208-1.301 1.728-2.041l-6.6-6.599h9.339c0.14-0.86 0.22-1.739 0.22-2.64v-0.041c0-0.904-0.080-1.791-0.22-2.653z"></path>
13
+ <symbol id="icon-pause" viewBox="0 0 24 24">
14
+ <path d="M6 3c-0.552 0-1 0.448-1 1v16c0 0.552 0.448 1 1 1h4c0.552 0 1-0.448 1-1v-16c0-0.552-0.448-1-1-1zM7 5h2v14h-2zM14 3c-0.552 0-1 0.448-1 1v16c0 0.552 0.448 1 1 1h4c0.552 0 1-0.448 1-1v-16c0-0.552-0.448-1-1-1zM15 5h2v14h-2z"></path>
15
15
  </symbol>
16
- <symbol id="icon-channel" viewBox="0 0 16 16">
17
- <path d="M0 11l5-8 5 5 6-4-5 9-5-5z"></path>
16
+ <symbol id="icon-play" viewBox="0 0 24 24">
17
+ <path d="M5.541 2.159c-0.153-0.1-0.34-0.159-0.541-0.159-0.552 0-1 0.448-1 1v18c-0.001 0.182 0.050 0.372 0.159 0.541 0.299 0.465 0.917 0.599 1.382 0.3l14-9c0.114-0.072 0.219-0.174 0.3-0.3 0.299-0.465 0.164-1.083-0.3-1.382zM6 4.832l11.151 7.168-11.151 7.168z"></path>
18
18
  </symbol>
19
- <symbol id="icon-users1" viewBox="0 0 18 16">
20
- <path d="M12 12.041v-0.825c1.102-0.621 2-2.168 2-3.716 0-2.485 0-4.5-3-4.5s-3 2.015-3 4.5c0 1.548 0.898 3.095 2 3.716v0.825c-3.392 0.277-6 1.944-6 3.959h14c0-2.015-2.608-3.682-6-3.959z"></path>
21
- <path d="M5.112 12.427c0.864-0.565 1.939-0.994 3.122-1.256-0.235-0.278-0.449-0.588-0.633-0.922-0.475-0.863-0.726-1.813-0.726-2.748 0-1.344 0-2.614 0.478-3.653 0.464-1.008 1.299-1.633 2.488-1.867-0.264-1.195-0.968-1.98-2.841-1.98-3 0-3 2.015-3 4.5 0 1.548 0.898 3.095 2 3.716v0.825c-3.392 0.277-6 1.944-6 3.959h4.359c0.227-0.202 0.478-0.393 0.753-0.573z"></path>
22
- </symbol>
23
- <symbol id="icon-lock2" viewBox="0 0 16 16">
24
- <path d="M13 7h-1v-3c0-2.209-1.791-4-4-4s-4 1.791-4 4v3h-1c-0.55 0-1 0.45-1 1v7c0 0.55 0.45 1 1 1h10c0.55 0 1-0.45 1-1v-7c0-0.55-0.45-1-1-1zM8 13c-0.552 0-1-0.448-1-1s0.448-1 1-1 1 0.448 1 1-0.448 1-1 1zM10 7h-4v-3c0-1.103 0.897-2 2-2s2 0.897 2 2v3z"></path>
25
- </symbol>
26
- <symbol id="icon-atom" viewBox="0 0 16 16">
27
- <path d="M12.999 3.23v0 0zM13.032 8c1.631-1.56 2.423-3.087 1.896-4-0.301-0.521-0.99-0.77-1.929-0.77v0.75c0.659 0 1.137 0.148 1.28 0.395 0.113 0.195 0.050 0.496-0.023 0.713-0.139 0.417-0.442 0.917-0.876 1.444-0.263 0.32-0.567 0.643-0.904 0.963-0.465-0.402-0.982-0.801-1.544-1.188-0.055-0.679-0.142-1.327-0.257-1.93 0.878-0.26 1.675-0.397 2.323-0.397l0-0.75c-0 0-0 0-0 0-0.706 0-1.553 0.141-2.482 0.413-0.535-2.192-1.462-3.642-2.516-3.642s-1.981 1.45-2.516 3.642c-0.929-0.271-1.777-0.412-2.482-0.412-0.939 0-1.629 0.249-1.93 0.77-0.527 0.913 0.265 2.44 1.896 4-1.631 1.56-2.423 3.087-1.896 4 0.301 0.521 0.99 0.77 1.93 0.77 0.706 0 1.553-0.141 2.482-0.412 0.535 2.192 1.462 3.642 2.516 3.642s1.981-1.45 2.516-3.642c0.929 0.271 1.777 0.412 2.482 0.412 0.939 0 1.629-0.249 1.93-0.77 0.527-0.913-0.265-2.44-1.896-4zM11.915 8c-0.291 0.248-0.601 0.493-0.927 0.734 0.008-0.242 0.013-0.487 0.013-0.734s-0.004-0.492-0.013-0.734c0.327 0.241 0.637 0.486 0.927 0.734zM9.958 11.389c-0.36-0.128-0.728-0.274-1.098-0.435 0.213-0.113 0.426-0.232 0.64-0.355s0.424-0.25 0.63-0.378c-0.045 0.403-0.103 0.793-0.172 1.169zM9.125 9.949c-0.372 0.214-0.748 0.416-1.125 0.603-0.377-0.187-0.753-0.389-1.125-0.603-0.375-0.216-0.737-0.441-1.086-0.672-0.026-0.417-0.039-0.844-0.039-1.276s0.013-0.859 0.039-1.276c0.349-0.231 0.711-0.456 1.086-0.672 0.372-0.215 0.748-0.416 1.125-0.603 0.377 0.187 0.753 0.389 1.125 0.603 0.375 0.216 0.737 0.441 1.086 0.672 0.026 0.417 0.039 0.844 0.039 1.276s-0.013 0.859-0.039 1.276c-0.349 0.231-0.711 0.456-1.086 0.672zM5.87 10.22c0.205 0.128 0.415 0.254 0.63 0.378s0.427 0.242 0.64 0.355c-0.37 0.162-0.738 0.307-1.098 0.435-0.069-0.375-0.127-0.766-0.172-1.168zM5.013 8.734c-0.327-0.241-0.637-0.486-0.927-0.734 0.291-0.248 0.601-0.494 0.927-0.734-0.008 0.242-0.013 0.487-0.013 0.734s0.004 0.492 0.013 0.734zM6.042 4.612c0.36 0.128 0.728 0.274 1.098 0.435-0.213 0.113-0.426 0.232-0.64 0.355s-0.424 0.25-0.63 0.378c0.045-0.403 0.103-0.793 0.172-1.168zM9.5 5.402c-0.214-0.123-0.427-0.242-0.64-0.355 0.37-0.162 0.738-0.307 1.098-0.435 0.069 0.375 0.127 0.766 0.172 1.168-0.205-0.128-0.415-0.254-0.63-0.378zM6.581 2.607c0.24-0.639 0.521-1.151 0.813-1.48 0.152-0.172 0.381-0.376 0.607-0.376s0.454 0.205 0.607 0.376c0.292 0.329 0.573 0.841 0.813 1.48 0.146 0.388 0.273 0.812 0.382 1.265-0.58 0.202-1.185 0.45-1.801 0.743-0.616-0.292-1.221-0.541-1.801-0.743 0.109-0.453 0.237-0.877 0.382-1.265zM2.62 6.532c-0.434-0.527-0.736-1.026-0.876-1.444-0.073-0.218-0.135-0.518-0.023-0.713 0.143-0.247 0.621-0.395 1.28-0.395h0c0.648 0 1.445 0.137 2.323 0.397-0.115 0.603-0.202 1.251-0.257 1.93-0.561 0.387-1.079 0.787-1.544 1.188-0.338-0.321-0.641-0.643-0.904-0.963zM3.002 12.020c-0.659 0-1.137-0.148-1.28-0.395-0.113-0.195-0.050-0.496 0.023-0.713 0.139-0.417 0.442-0.917 0.876-1.444 0.263-0.32 0.567-0.643 0.904-0.963 0.465 0.402 0.982 0.801 1.544 1.188 0.055 0.679 0.142 1.327 0.257 1.93-0.878 0.26-1.675 0.397-2.323 0.397zM9.419 13.393c-0.24 0.639-0.521 1.151-0.813 1.48-0.152 0.172-0.381 0.376-0.607 0.376s-0.454-0.205-0.607-0.376c-0.292-0.329-0.573-0.841-0.813-1.48-0.146-0.388-0.273-0.812-0.382-1.265 0.58-0.202 1.185-0.45 1.801-0.743 0.616 0.292 1.221 0.541 1.801 0.743-0.109 0.453-0.236 0.877-0.382 1.265zM14.256 10.912c0.073 0.218 0.135 0.518 0.023 0.713-0.143 0.248-0.622 0.395-1.28 0.395-0.648 0-1.445-0.137-2.323-0.397 0.115-0.603 0.202-1.251 0.257-1.93 0.561-0.387 1.079-0.787 1.544-1.188 0.338 0.321 0.641 0.643 0.904 0.963 0.434 0.527 0.736 1.026 0.876 1.444z"></path>
28
- </symbol>
29
- <symbol id="icon-paperplane" viewBox="0 0 16 16">
30
- <path d="M7 11l6.151 2.195 2.849-12.459zM5 10.311l11-9.575-16 7.913zM7 12.062v3.938l2.902-2.902z"></path>
31
- </symbol>
32
- <symbol id="icon-cancel" viewBox="0 0 16 16">
33
- <path d="M11.5 0h-7l-4.5 4.5v7l4.5 4.5h7l4.5-4.5v-7l-4.5-4.5zM12.5 11l-1.5 1.5-3-3-3 3-1.5-1.5 3-3-3-3 1.5-1.5 3 3 3-3 1.5 1.5-3 3 3 3z"></path>
19
+ <symbol id="icon-user-x" viewBox="0 0 24 24">
20
+ <path d="M17 21v-2c0-1.38-0.561-2.632-1.464-3.536s-2.156-1.464-3.536-1.464h-7c-1.38 0-2.632 0.561-3.536 1.464s-1.464 2.156-1.464 3.536v2c0 0.552 0.448 1 1 1s1-0.448 1-1v-2c0-0.829 0.335-1.577 0.879-2.121s1.292-0.879 2.121-0.879h7c0.829 0 1.577 0.335 2.121 0.879s0.879 1.292 0.879 2.121v2c0 0.552 0.448 1 1 1s1-0.448 1-1zM13.5 7c0-1.38-0.561-2.632-1.464-3.536s-2.156-1.464-3.536-1.464-2.632 0.561-3.536 1.464-1.464 2.156-1.464 3.536 0.561 2.632 1.464 3.536 2.156 1.464 3.536 1.464 2.632-0.561 3.536-1.464 1.464-2.156 1.464-3.536zM11.5 7c0 0.829-0.335 1.577-0.879 2.121s-1.292 0.879-2.121 0.879-1.577-0.335-2.121-0.879-0.879-1.292-0.879-2.121 0.335-1.577 0.879-2.121 1.292-0.879 2.121-0.879 1.577 0.335 2.121 0.879 0.879 1.292 0.879 2.121zM22.293 7.293l-1.793 1.793-1.793-1.793c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414l1.793 1.793-1.793 1.793c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l1.793-1.793 1.793 1.793c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-1.793-1.793 1.793-1.793c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0z"></path>
34
21
  </symbol>
35
22
  <symbol id="icon-cloud" viewBox="0 0 24 24">
36
23
  <path d="M18 11c1.105 0 2.103 0.447 2.828 1.172s1.172 1.723 1.172 2.828-0.447 2.103-1.172 2.828-1.723 1.172-2.828 1.172h-8.995c-1.463-0.008-2.853-0.461-4.005-1.258-1.334-0.922-2.348-2.304-2.784-3.992-0.483-1.872-0.163-3.761 0.748-5.305s2.408-2.739 4.28-3.223 3.761-0.163 5.305 0.748 2.739 2.408 3.223 4.28c0.115 0.435 0.505 0.75 0.968 0.75zM18 9h-0.52c-0.725-2.057-2.143-3.708-3.915-4.753-1.983-1.169-4.415-1.583-6.821-0.961s-4.334 2.16-5.503 4.143-1.582 4.415-0.961 6.821c0.56 2.169 1.867 3.951 3.583 5.137 1.478 1.023 3.261 1.603 5.132 1.613h9.005c1.657 0 3.158-0.673 4.243-1.757s1.757-2.586 1.757-4.243-0.673-3.158-1.757-4.243-2.586-1.757-4.243-1.757z"></path>
@@ -113,7 +100,7 @@
113
100
  <symbol id="icon-upload" viewBox="0 0 24 24">
114
101
  <path d="M20 15v4c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-14c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-4c0-0.552-0.448-1-1-1s-1 0.448-1 1v4c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h14c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-4c0-0.552-0.448-1-1-1s-1 0.448-1 1zM11 5.414v9.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-9.586l3.293 3.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5-5c-0.092-0.092-0.202-0.166-0.324-0.217-0.245-0.101-0.521-0.101-0.766 0-0.118 0.049-0.228 0.121-0.324 0.217l-5 5c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z"></path>
115
102
  </symbol>
116
- <symbol id="icon-upload-cloud" viewBox="0 0 24 24">
103
+ <symbol id="icon-publish" viewBox="0 0 24 24">
117
104
  <path d="M11 14.414v6.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-6.586l2.293 2.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-4-4c-0.092-0.092-0.202-0.166-0.324-0.217s-0.253-0.076-0.383-0.076c-0.256 0-0.512 0.098-0.707 0.293l-4 4c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0zM20.869 19.268c1.454-0.793 2.451-2.102 2.884-3.574s0.305-3.112-0.488-4.566c-0.679-1.245-1.737-2.155-2.959-2.663-0.724-0.301-1.505-0.46-2.299-0.465h-0.527c-0.725-2.057-2.144-3.708-3.917-4.752-1.983-1.168-4.415-1.581-6.821-0.959s-4.333 2.162-5.502 4.145-1.581 4.415-0.959 6.821c0.372 1.437 1.073 2.709 1.975 3.713 0.369 0.411 1.002 0.444 1.412 0.075s0.444-1.002 0.075-1.412c-0.688-0.765-1.235-1.75-1.526-2.877-0.484-1.872-0.164-3.761 0.746-5.305s2.407-2.74 4.279-3.224 3.761-0.164 5.305 0.746 2.74 2.407 3.224 4.279c0.116 0.435 0.506 0.75 0.969 0.75h1.253c0.536 0.004 1.061 0.111 1.545 0.312 0.815 0.339 1.517 0.943 1.97 1.773 0.529 0.97 0.615 2.061 0.325 3.044s-0.953 1.854-1.923 2.382c-0.485 0.264-0.664 0.872-0.399 1.357s0.872 0.664 1.357 0.399z"></path>
118
105
  </symbol>
119
106
  <symbol id="icon-coffee" viewBox="0 0 24 24">
@@ -359,6 +346,28 @@
359
346
  <symbol id="icon-send-mobile" viewBox="0 0 24 24">
360
347
  <path d="M17.016 17.016h1.969v3.984q0 0.844-0.586 1.43t-1.383 0.586h-10.031q-0.797 0-1.383-0.586t-0.586-1.43v-18q0-0.844 0.586-1.406t1.383-0.563l10.031-0.047q0.797 0 1.383 0.586t0.586 1.43v3.984h-1.969v-0.984h-10.031v12h10.031v-0.984zM21.984 12l-3.984-3.984v3h-5.016v1.969h5.016v3z"></path>
361
348
  </symbol>
349
+ <symbol id="icon-zapier" viewBox="0 0 32 32">
350
+ <path fill="#ff4a00" style="fill: var(--color1, #ff4a00)" d="M20 16.005c0 1.191-0.22 2.328-0.615 3.38-1.049 0.396-2.191 0.615-3.38 0.615h-0.012c-1.191 0-2.327-0.22-3.379-0.615-0.396-1.052-0.615-2.191-0.615-3.38v-0.012c0-1.191 0.219-2.327 0.615-3.379 1.052-0.396 2.189-0.615 3.379-0.615h0.012c1.191 0 2.331 0.219 3.38 0.616 0.396 1.051 0.615 2.188 0.615 3.38zM31.78 13.333h-9.34l6.597-6.603c-0.52-0.731-1.093-1.413-1.727-2.044-0.631-0.632-1.313-1.209-2.040-1.728l-6.605 6.599v-9.337c-0.865-0.139-1.751-0.22-2.66-0.22h-0.013c-0.907 0-1.795 0.081-2.66 0.22v9.34l-6.6-6.599c-0.732 0.515-1.413 1.095-2.045 1.725-0.632 0.632-1.211 1.316-1.728 2.044l6.599 6.603h-9.337c0 0-0.22 1.755-0.22 2.66v0.012c0 0.907 0.081 1.797 0.22 2.66h9.34l-6.599 6.603c1.036 1.461 2.311 2.735 3.769 3.773l6.603-6.6v9.339c0.864 0.14 1.751 0.22 2.655 0.22h0.023c0.905 0 1.792-0.080 2.655-0.22v-9.339l6.603 6.6c0.731-0.5 1.413-1.083 2.039-1.72h0.007c0.631-0.62 1.208-1.301 1.728-2.041l-6.6-6.599h9.339c0.14-0.86 0.22-1.739 0.22-2.64v-0.041c0-0.904-0.080-1.791-0.22-2.653z"></path>
351
+ </symbol>
352
+ <symbol id="icon-channel" viewBox="0 0 16 16">
353
+ <path d="M0 11l5-8 5 5 6-4-5 9-5-5z"></path>
354
+ </symbol>
355
+ <symbol id="icon-users1" viewBox="0 0 18 16">
356
+ <path d="M12 12.041v-0.825c1.102-0.621 2-2.168 2-3.716 0-2.485 0-4.5-3-4.5s-3 2.015-3 4.5c0 1.548 0.898 3.095 2 3.716v0.825c-3.392 0.277-6 1.944-6 3.959h14c0-2.015-2.608-3.682-6-3.959z"></path>
357
+ <path d="M5.112 12.427c0.864-0.565 1.939-0.994 3.122-1.256-0.235-0.278-0.449-0.588-0.633-0.922-0.475-0.863-0.726-1.813-0.726-2.748 0-1.344 0-2.614 0.478-3.653 0.464-1.008 1.299-1.633 2.488-1.867-0.264-1.195-0.968-1.98-2.841-1.98-3 0-3 2.015-3 4.5 0 1.548 0.898 3.095 2 3.716v0.825c-3.392 0.277-6 1.944-6 3.959h4.359c0.227-0.202 0.478-0.393 0.753-0.573z"></path>
358
+ </symbol>
359
+ <symbol id="icon-lock2" viewBox="0 0 16 16">
360
+ <path d="M13 7h-1v-3c0-2.209-1.791-4-4-4s-4 1.791-4 4v3h-1c-0.55 0-1 0.45-1 1v7c0 0.55 0.45 1 1 1h10c0.55 0 1-0.45 1-1v-7c0-0.55-0.45-1-1-1zM8 13c-0.552 0-1-0.448-1-1s0.448-1 1-1 1 0.448 1 1-0.448 1-1 1zM10 7h-4v-3c0-1.103 0.897-2 2-2s2 0.897 2 2v3z"></path>
361
+ </symbol>
362
+ <symbol id="icon-atom" viewBox="0 0 16 16">
363
+ <path d="M12.999 3.23v0 0zM13.032 8c1.631-1.56 2.423-3.087 1.896-4-0.301-0.521-0.99-0.77-1.929-0.77v0.75c0.659 0 1.137 0.148 1.28 0.395 0.113 0.195 0.050 0.496-0.023 0.713-0.139 0.417-0.442 0.917-0.876 1.444-0.263 0.32-0.567 0.643-0.904 0.963-0.465-0.402-0.982-0.801-1.544-1.188-0.055-0.679-0.142-1.327-0.257-1.93 0.878-0.26 1.675-0.397 2.323-0.397l0-0.75c-0 0-0 0-0 0-0.706 0-1.553 0.141-2.482 0.413-0.535-2.192-1.462-3.642-2.516-3.642s-1.981 1.45-2.516 3.642c-0.929-0.271-1.777-0.412-2.482-0.412-0.939 0-1.629 0.249-1.93 0.77-0.527 0.913 0.265 2.44 1.896 4-1.631 1.56-2.423 3.087-1.896 4 0.301 0.521 0.99 0.77 1.93 0.77 0.706 0 1.553-0.141 2.482-0.412 0.535 2.192 1.462 3.642 2.516 3.642s1.981-1.45 2.516-3.642c0.929 0.271 1.777 0.412 2.482 0.412 0.939 0 1.629-0.249 1.93-0.77 0.527-0.913-0.265-2.44-1.896-4zM11.915 8c-0.291 0.248-0.601 0.493-0.927 0.734 0.008-0.242 0.013-0.487 0.013-0.734s-0.004-0.492-0.013-0.734c0.327 0.241 0.637 0.486 0.927 0.734zM9.958 11.389c-0.36-0.128-0.728-0.274-1.098-0.435 0.213-0.113 0.426-0.232 0.64-0.355s0.424-0.25 0.63-0.378c-0.045 0.403-0.103 0.793-0.172 1.169zM9.125 9.949c-0.372 0.214-0.748 0.416-1.125 0.603-0.377-0.187-0.753-0.389-1.125-0.603-0.375-0.216-0.737-0.441-1.086-0.672-0.026-0.417-0.039-0.844-0.039-1.276s0.013-0.859 0.039-1.276c0.349-0.231 0.711-0.456 1.086-0.672 0.372-0.215 0.748-0.416 1.125-0.603 0.377 0.187 0.753 0.389 1.125 0.603 0.375 0.216 0.737 0.441 1.086 0.672 0.026 0.417 0.039 0.844 0.039 1.276s-0.013 0.859-0.039 1.276c-0.349 0.231-0.711 0.456-1.086 0.672zM5.87 10.22c0.205 0.128 0.415 0.254 0.63 0.378s0.427 0.242 0.64 0.355c-0.37 0.162-0.738 0.307-1.098 0.435-0.069-0.375-0.127-0.766-0.172-1.168zM5.013 8.734c-0.327-0.241-0.637-0.486-0.927-0.734 0.291-0.248 0.601-0.494 0.927-0.734-0.008 0.242-0.013 0.487-0.013 0.734s0.004 0.492 0.013 0.734zM6.042 4.612c0.36 0.128 0.728 0.274 1.098 0.435-0.213 0.113-0.426 0.232-0.64 0.355s-0.424 0.25-0.63 0.378c0.045-0.403 0.103-0.793 0.172-1.168zM9.5 5.402c-0.214-0.123-0.427-0.242-0.64-0.355 0.37-0.162 0.738-0.307 1.098-0.435 0.069 0.375 0.127 0.766 0.172 1.168-0.205-0.128-0.415-0.254-0.63-0.378zM6.581 2.607c0.24-0.639 0.521-1.151 0.813-1.48 0.152-0.172 0.381-0.376 0.607-0.376s0.454 0.205 0.607 0.376c0.292 0.329 0.573 0.841 0.813 1.48 0.146 0.388 0.273 0.812 0.382 1.265-0.58 0.202-1.185 0.45-1.801 0.743-0.616-0.292-1.221-0.541-1.801-0.743 0.109-0.453 0.237-0.877 0.382-1.265zM2.62 6.532c-0.434-0.527-0.736-1.026-0.876-1.444-0.073-0.218-0.135-0.518-0.023-0.713 0.143-0.247 0.621-0.395 1.28-0.395h0c0.648 0 1.445 0.137 2.323 0.397-0.115 0.603-0.202 1.251-0.257 1.93-0.561 0.387-1.079 0.787-1.544 1.188-0.338-0.321-0.641-0.643-0.904-0.963zM3.002 12.020c-0.659 0-1.137-0.148-1.28-0.395-0.113-0.195-0.050-0.496 0.023-0.713 0.139-0.417 0.442-0.917 0.876-1.444 0.263-0.32 0.567-0.643 0.904-0.963 0.465 0.402 0.982 0.801 1.544 1.188 0.055 0.679 0.142 1.327 0.257 1.93-0.878 0.26-1.675 0.397-2.323 0.397zM9.419 13.393c-0.24 0.639-0.521 1.151-0.813 1.48-0.152 0.172-0.381 0.376-0.607 0.376s-0.454-0.205-0.607-0.376c-0.292-0.329-0.573-0.841-0.813-1.48-0.146-0.388-0.273-0.812-0.382-1.265 0.58-0.202 1.185-0.45 1.801-0.743 0.616 0.292 1.221 0.541 1.801 0.743-0.109 0.453-0.236 0.877-0.382 1.265zM14.256 10.912c0.073 0.218 0.135 0.518 0.023 0.713-0.143 0.248-0.622 0.395-1.28 0.395-0.648 0-1.445-0.137-2.323-0.397 0.115-0.603 0.202-1.251 0.257-1.93 0.561-0.387 1.079-0.787 1.544-1.188 0.338 0.321 0.641 0.643 0.904 0.963 0.434 0.527 0.736 1.026 0.876 1.444z"></path>
364
+ </symbol>
365
+ <symbol id="icon-paperplane" viewBox="0 0 16 16">
366
+ <path d="M7 11l6.151 2.195 2.849-12.459zM5 10.311l11-9.575-16 7.913zM7 12.062v3.938l2.902-2.902z"></path>
367
+ </symbol>
368
+ <symbol id="icon-cancel" viewBox="0 0 16 16">
369
+ <path d="M11.5 0h-7l-4.5 4.5v7l4.5 4.5h7l4.5-4.5v-7l-4.5-4.5zM12.5 11l-1.5 1.5-3-3-3 3-1.5-1.5 3-3-3-3 1.5-1.5 3 3 3-3 1.5 1.5-3 3 3 3z"></path>
370
+ </symbol>
362
371
  <symbol id="icon-cord" viewBox="0 0 32 32">
363
372
  <path d="M27.59 12.41c-0.464-0.464-1.216-0.464-1.679 0l-4.91 4.91-6.321-6.321 4.91-4.91c0.464-0.464 0.464-1.216 0-1.679s-1.216-0.464-1.679 0l-4.91 4.91-2.91-2.91c-0.464-0.464-1.216-0.464-1.679 0s-0.464 1.216 0 1.679l2.093 2.093-4.16 4.16c-2.636 2.636-3.048 6.653-1.236 9.721l-4.521 4.521c-0.781 0.781-0.781 2.047 0 2.828 0.391 0.391 0.902 0.586 1.414 0.586s1.024-0.195 1.414-0.586l4.521-4.521c3.068 1.812 7.085 1.4 9.721-1.236l4.16-4.16 2.093 2.093c0.232 0.232 0.536 0.348 0.84 0.348s0.608-0.116 0.84-0.348c0.464-0.464 0.464-1.216 0-1.679l-2.91-2.91 4.91-4.91c0.464-0.464 0.464-1.216 0-1.679z"></path>
364
373
  </symbol>
@@ -500,593 +509,608 @@
500
509
  </div>
501
510
  </header>
502
511
  <div class="clearfix mhl ptl">
503
- <h1 class="mvm mtn fgc1">Grid Size: 0</h1>
512
+ <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
504
513
  <div class="glyph fs1">
505
514
  <div class="clearfix pbs">
506
- <svg class="icon icon-zapier"><use xlink:href="#icon-zapier"></use></svg><span class="name"> icon-zapier</span>
507
- </div>
508
- </div>
509
- </div>
510
- <div class="clearfix mhl ptl">
511
- <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
512
- <div class="glyph fs2">
513
- <div class="clearfix pbs">
514
- <svg class="icon icon-channel"><use xlink:href="#icon-channel"></use></svg><span class="name"> icon-channel</span>
515
- </div>
516
- </div>
517
- <div class="glyph fs2">
518
- <div class="clearfix pbs">
519
- <svg class="icon icon-users1"><use xlink:href="#icon-users1"></use></svg><span class="name"> icon-users1</span>
520
- </div>
521
- </div>
522
- <div class="glyph fs2">
523
- <div class="clearfix pbs">
524
- <svg class="icon icon-lock2"><use xlink:href="#icon-lock2"></use></svg><span class="name"> icon-lock2</span>
525
- </div>
526
- </div>
527
- <div class="glyph fs2">
528
- <div class="clearfix pbs">
529
- <svg class="icon icon-atom"><use xlink:href="#icon-atom"></use></svg><span class="name"> icon-atom</span>
515
+ <svg class="icon icon-pause"><use xlink:href="#icon-pause"></use></svg><span class="name"> icon-pause</span>
530
516
  </div>
531
517
  </div>
532
- <div class="glyph fs2">
518
+ <div class="glyph fs1">
533
519
  <div class="clearfix pbs">
534
- <svg class="icon icon-paperplane"><use xlink:href="#icon-paperplane"></use></svg><span class="name"> icon-paperplane</span>
520
+ <svg class="icon icon-play"><use xlink:href="#icon-play"></use></svg><span class="name"> icon-play</span>
535
521
  </div>
536
522
  </div>
537
- <div class="glyph fs2">
523
+ <div class="glyph fs1">
538
524
  <div class="clearfix pbs">
539
- <svg class="icon icon-cancel"><use xlink:href="#icon-cancel"></use></svg><span class="name"> icon-cancel</span>
525
+ <svg class="icon icon-user-x"><use xlink:href="#icon-user-x"></use></svg><span class="name"> icon-user-x</span>
540
526
  </div>
541
527
  </div>
542
- </div>
543
- <div class="clearfix mhl ptl">
544
- <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
545
- <div class="glyph fs3">
528
+ <div class="glyph fs1">
546
529
  <div class="clearfix pbs">
547
530
  <svg class="icon icon-cloud"><use xlink:href="#icon-cloud"></use></svg><span class="name"> icon-cloud</span>
548
531
  </div>
549
532
  </div>
550
- <div class="glyph fs3">
533
+ <div class="glyph fs1">
551
534
  <div class="clearfix pbs">
552
535
  <svg class="icon icon-codepen"><use xlink:href="#icon-codepen"></use></svg><span class="name"> icon-codepen</span>
553
536
  </div>
554
537
  </div>
555
- <div class="glyph fs3">
538
+ <div class="glyph fs1">
556
539
  <div class="clearfix pbs">
557
540
  <svg class="icon icon-codesandbox"><use xlink:href="#icon-codesandbox"></use></svg><span class="name"> icon-codesandbox</span>
558
541
  </div>
559
542
  </div>
560
- <div class="glyph fs3">
543
+ <div class="glyph fs1">
561
544
  <div class="clearfix pbs">
562
545
  <svg class="icon icon-git-pull-request"><use xlink:href="#icon-git-pull-request"></use></svg><span class="name"> icon-git-pull-request</span>
563
546
  </div>
564
547
  </div>
565
- <div class="glyph fs3">
548
+ <div class="glyph fs1">
566
549
  <div class="clearfix pbs">
567
550
  <svg class="icon icon-grid"><use xlink:href="#icon-grid"></use></svg><span class="name"> icon-grid</span>
568
551
  </div>
569
552
  </div>
570
- <div class="glyph fs3">
553
+ <div class="glyph fs1">
571
554
  <div class="clearfix pbs">
572
555
  <svg class="icon icon-hard-drive"><use xlink:href="#icon-hard-drive"></use></svg><span class="name"> icon-hard-drive</span>
573
556
  </div>
574
557
  </div>
575
- <div class="glyph fs3">
558
+ <div class="glyph fs1">
576
559
  <div class="clearfix pbs">
577
560
  <svg class="icon icon-layout"><use xlink:href="#icon-layout"></use></svg><span class="name"> icon-layout</span>
578
561
  </div>
579
562
  </div>
580
- <div class="glyph fs3">
563
+ <div class="glyph fs1">
581
564
  <div class="clearfix pbs">
582
565
  <svg class="icon icon-list"><use xlink:href="#icon-list"></use></svg><span class="name"> icon-list</span>
583
566
  </div>
584
567
  </div>
585
- <div class="glyph fs3">
568
+ <div class="glyph fs1">
586
569
  <div class="clearfix pbs">
587
570
  <svg class="icon icon-map-pin"><use xlink:href="#icon-map-pin"></use></svg><span class="name"> icon-map-pin</span>
588
571
  </div>
589
572
  </div>
590
- <div class="glyph fs3">
573
+ <div class="glyph fs1">
591
574
  <div class="clearfix pbs">
592
575
  <svg class="icon icon-package"><use xlink:href="#icon-package"></use></svg><span class="name"> icon-package</span>
593
576
  </div>
594
577
  </div>
595
- <div class="glyph fs3">
578
+ <div class="glyph fs1">
596
579
  <div class="clearfix pbs">
597
580
  <svg class="icon icon-bell"><use xlink:href="#icon-bell"></use></svg><span class="name"> icon-bell</span>
598
581
  </div>
599
582
  </div>
600
- <div class="glyph fs3">
583
+ <div class="glyph fs1">
601
584
  <div class="clearfix pbs">
602
585
  <svg class="icon icon-book-open"><use xlink:href="#icon-book-open"></use></svg><span class="name"> icon-book-open</span>
603
586
  </div>
604
587
  </div>
605
- <div class="glyph fs3">
588
+ <div class="glyph fs1">
606
589
  <div class="clearfix pbs">
607
590
  <svg class="icon icon-box"><use xlink:href="#icon-box"></use></svg><span class="name"> icon-box</span>
608
591
  </div>
609
592
  </div>
610
- <div class="glyph fs3">
593
+ <div class="glyph fs1">
611
594
  <div class="clearfix pbs">
612
595
  <svg class="icon icon-menu"><use xlink:href="#icon-menu"></use></svg><span class="name"> icon-menu</span>
613
596
  </div>
614
597
  </div>
615
- <div class="glyph fs3">
598
+ <div class="glyph fs1">
616
599
  <div class="clearfix pbs">
617
600
  <svg class="icon icon-plus"><use xlink:href="#icon-plus"></use></svg><span class="name"> icon-plus</span>
618
601
  </div>
619
602
  </div>
620
- <div class="glyph fs3">
603
+ <div class="glyph fs1">
621
604
  <div class="clearfix pbs">
622
605
  <svg class="icon icon-agent"><use xlink:href="#icon-agent"></use></svg><span class="name"> icon-agent</span>
623
606
  </div>
624
607
  </div>
625
- <div class="glyph fs3">
608
+ <div class="glyph fs1">
626
609
  <div class="clearfix pbs">
627
610
  <svg class="icon icon-arrow-down-circle"><use xlink:href="#icon-arrow-down-circle"></use></svg><span class="name"> icon-arrow-down-circle</span>
628
611
  </div>
629
612
  </div>
630
- <div class="glyph fs3">
613
+ <div class="glyph fs1">
631
614
  <div class="clearfix pbs">
632
615
  <svg class="icon icon-arrow-up-circle"><use xlink:href="#icon-arrow-up-circle"></use></svg><span class="name"> icon-arrow-up-circle</span>
633
616
  </div>
634
617
  </div>
635
- <div class="glyph fs3">
618
+ <div class="glyph fs1">
636
619
  <div class="clearfix pbs">
637
620
  <svg class="icon icon-bookmark"><use xlink:href="#icon-bookmark"></use></svg><span class="name"> icon-bookmark</span>
638
621
  </div>
639
622
  </div>
640
- <div class="glyph fs3">
623
+ <div class="glyph fs1">
641
624
  <div class="clearfix pbs">
642
625
  <svg class="icon icon-database"><use xlink:href="#icon-database"></use></svg><span class="name"> icon-database</span>
643
626
  </div>
644
627
  </div>
645
- <div class="glyph fs3">
628
+ <div class="glyph fs1">
646
629
  <div class="clearfix pbs">
647
630
  <svg class="icon icon-download"><use xlink:href="#icon-download"></use></svg><span class="name"> icon-download</span>
648
631
  </div>
649
632
  </div>
650
- <div class="glyph fs3">
633
+ <div class="glyph fs1">
651
634
  <div class="clearfix pbs">
652
635
  <svg class="icon icon-help-circle"><use xlink:href="#icon-help-circle"></use></svg><span class="name"> icon-help-circle</span>
653
636
  </div>
654
637
  </div>
655
- <div class="glyph fs3">
638
+ <div class="glyph fs1">
656
639
  <div class="clearfix pbs">
657
640
  <svg class="icon icon-life-buoy"><use xlink:href="#icon-life-buoy"></use></svg><span class="name"> icon-life-buoy</span>
658
641
  </div>
659
642
  </div>
660
- <div class="glyph fs3">
643
+ <div class="glyph fs1">
661
644
  <div class="clearfix pbs">
662
645
  <svg class="icon icon-log-out"><use xlink:href="#icon-log-out"></use></svg><span class="name"> icon-log-out</span>
663
646
  </div>
664
647
  </div>
665
- <div class="glyph fs3">
648
+ <div class="glyph fs1">
666
649
  <div class="clearfix pbs">
667
650
  <svg class="icon icon-more-vertical"><use xlink:href="#icon-more-vertical"></use></svg><span class="name"> icon-more-vertical</span>
668
651
  </div>
669
652
  </div>
670
- <div class="glyph fs3">
653
+ <div class="glyph fs1">
671
654
  <div class="clearfix pbs">
672
655
  <svg class="icon icon-star"><use xlink:href="#icon-star"></use></svg><span class="name"> icon-star</span>
673
656
  </div>
674
657
  </div>
675
- <div class="glyph fs3">
658
+ <div class="glyph fs1">
676
659
  <div class="clearfix pbs">
677
660
  <svg class="icon icon-upload"><use xlink:href="#icon-upload"></use></svg><span class="name"> icon-upload</span>
678
661
  </div>
679
662
  </div>
680
- <div class="glyph fs3">
663
+ <div class="glyph fs1">
681
664
  <div class="clearfix pbs">
682
- <svg class="icon icon-upload-cloud"><use xlink:href="#icon-upload-cloud"></use></svg><span class="name"> icon-upload-cloud</span>
665
+ <svg class="icon icon-publish"><use xlink:href="#icon-publish"></use></svg><span class="name"> icon-publish</span>
683
666
  </div>
684
667
  </div>
685
- <div class="glyph fs3">
668
+ <div class="glyph fs1">
686
669
  <div class="clearfix pbs">
687
670
  <svg class="icon icon-coffee"><use xlink:href="#icon-coffee"></use></svg><span class="name"> icon-coffee</span>
688
671
  </div>
689
672
  </div>
690
- <div class="glyph fs3">
673
+ <div class="glyph fs1">
691
674
  <div class="clearfix pbs">
692
675
  <svg class="icon icon-frown"><use xlink:href="#icon-frown"></use></svg><span class="name"> icon-frown</span>
693
676
  </div>
694
677
  </div>
695
- <div class="glyph fs3">
678
+ <div class="glyph fs1">
696
679
  <div class="clearfix pbs">
697
680
  <svg class="icon icon-mail"><use xlink:href="#icon-mail"></use></svg><span class="name"> icon-mail</span>
698
681
  </div>
699
682
  </div>
700
- <div class="glyph fs3">
683
+ <div class="glyph fs1">
701
684
  <div class="clearfix pbs">
702
685
  <svg class="icon icon-meh"><use xlink:href="#icon-meh"></use></svg><span class="name"> icon-meh</span>
703
686
  </div>
704
687
  </div>
705
- <div class="glyph fs3">
688
+ <div class="glyph fs1">
706
689
  <div class="clearfix pbs">
707
690
  <svg class="icon icon-dollar-sign"><use xlink:href="#icon-dollar-sign"></use></svg><span class="name"> icon-dollar-sign</span>
708
691
  </div>
709
692
  </div>
710
- <div class="glyph fs3">
693
+ <div class="glyph fs1">
711
694
  <div class="clearfix pbs">
712
695
  <svg class="icon icon-log"><use xlink:href="#icon-log"></use></svg><span class="name"> icon-log</span>
713
696
  </div>
714
697
  </div>
715
- <div class="glyph fs3">
698
+ <div class="glyph fs1">
716
699
  <div class="clearfix pbs">
717
700
  <svg class="icon icon-campaign"><use xlink:href="#icon-campaign"></use></svg><span class="name"> icon-campaign</span>
718
701
  </div>
719
702
  </div>
720
- <div class="glyph fs3">
703
+ <div class="glyph fs1">
721
704
  <div class="clearfix pbs">
722
705
  <svg class="icon icon-contact"><use xlink:href="#icon-contact"></use></svg><span class="name"> icon-contact</span>
723
706
  </div>
724
707
  </div>
725
- <div class="glyph fs3">
708
+ <div class="glyph fs1">
726
709
  <div class="clearfix pbs">
727
710
  <svg class="icon icon-flow"><use xlink:href="#icon-flow"></use></svg><span class="name"> icon-flow</span>
728
711
  </div>
729
712
  </div>
730
- <div class="glyph fs3">
713
+ <div class="glyph fs1">
731
714
  <div class="clearfix pbs">
732
715
  <svg class="icon icon-activity"><use xlink:href="#icon-activity"></use></svg><span class="name"> icon-activity</span>
733
716
  </div>
734
717
  </div>
735
- <div class="glyph fs3">
718
+ <div class="glyph fs1">
736
719
  <div class="clearfix pbs">
737
720
  <svg class="icon icon-alert-circle"><use xlink:href="#icon-alert-circle"></use></svg><span class="name"> icon-alert-circle</span>
738
721
  </div>
739
722
  </div>
740
- <div class="glyph fs3">
723
+ <div class="glyph fs1">
741
724
  <div class="clearfix pbs">
742
725
  <svg class="icon icon-alert-octagon"><use xlink:href="#icon-alert-octagon"></use></svg><span class="name"> icon-alert-octagon</span>
743
726
  </div>
744
727
  </div>
745
- <div class="glyph fs3">
728
+ <div class="glyph fs1">
746
729
  <div class="clearfix pbs">
747
730
  <svg class="icon icon-alert-triangle"><use xlink:href="#icon-alert-triangle"></use></svg><span class="name"> icon-alert-triangle</span>
748
731
  </div>
749
732
  </div>
750
- <div class="glyph fs3">
733
+ <div class="glyph fs1">
751
734
  <div class="clearfix pbs">
752
735
  <svg class="icon icon-archive"><use xlink:href="#icon-archive"></use></svg><span class="name"> icon-archive</span>
753
736
  </div>
754
737
  </div>
755
- <div class="glyph fs3">
738
+ <div class="glyph fs1">
756
739
  <div class="clearfix pbs">
757
740
  <svg class="icon icon-battery"><use xlink:href="#icon-battery"></use></svg><span class="name"> icon-battery</span>
758
741
  </div>
759
742
  </div>
760
- <div class="glyph fs3">
743
+ <div class="glyph fs1">
761
744
  <div class="clearfix pbs">
762
745
  <svg class="icon icon-battery-charging"><use xlink:href="#icon-battery-charging"></use></svg><span class="name"> icon-battery-charging</span>
763
746
  </div>
764
747
  </div>
765
- <div class="glyph fs3">
748
+ <div class="glyph fs1">
766
749
  <div class="clearfix pbs">
767
750
  <svg class="icon icon-book"><use xlink:href="#icon-book"></use></svg><span class="name"> icon-book</span>
768
751
  </div>
769
752
  </div>
770
- <div class="glyph fs3">
753
+ <div class="glyph fs1">
771
754
  <div class="clearfix pbs">
772
755
  <svg class="icon icon-briefcase"><use xlink:href="#icon-briefcase"></use></svg><span class="name"> icon-briefcase</span>
773
756
  </div>
774
757
  </div>
775
- <div class="glyph fs3">
758
+ <div class="glyph fs1">
776
759
  <div class="clearfix pbs">
777
760
  <svg class="icon icon-calendar"><use xlink:href="#icon-calendar"></use></svg><span class="name"> icon-calendar</span>
778
761
  </div>
779
762
  </div>
780
- <div class="glyph fs3">
763
+ <div class="glyph fs1">
781
764
  <div class="clearfix pbs">
782
765
  <svg class="icon icon-camera"><use xlink:href="#icon-camera"></use></svg><span class="name"> icon-camera</span>
783
766
  </div>
784
767
  </div>
785
- <div class="glyph fs3">
768
+ <div class="glyph fs1">
786
769
  <div class="clearfix pbs">
787
770
  <svg class="icon icon-check"><use xlink:href="#icon-check"></use></svg><span class="name"> icon-check</span>
788
771
  </div>
789
772
  </div>
790
- <div class="glyph fs3">
773
+ <div class="glyph fs1">
791
774
  <div class="clearfix pbs">
792
775
  <svg class="icon icon-check-square"><use xlink:href="#icon-check-square"></use></svg><span class="name"> icon-check-square</span>
793
776
  </div>
794
777
  </div>
795
- <div class="glyph fs3">
778
+ <div class="glyph fs1">
796
779
  <div class="clearfix pbs">
797
780
  <svg class="icon icon-chevron-down"><use xlink:href="#icon-chevron-down"></use></svg><span class="name"> icon-chevron-down</span>
798
781
  </div>
799
782
  </div>
800
- <div class="glyph fs3">
783
+ <div class="glyph fs1">
801
784
  <div class="clearfix pbs">
802
785
  <svg class="icon icon-chevron-left"><use xlink:href="#icon-chevron-left"></use></svg><span class="name"> icon-chevron-left</span>
803
786
  </div>
804
787
  </div>
805
- <div class="glyph fs3">
788
+ <div class="glyph fs1">
806
789
  <div class="clearfix pbs">
807
790
  <svg class="icon icon-chevron-right"><use xlink:href="#icon-chevron-right"></use></svg><span class="name"> icon-chevron-right</span>
808
791
  </div>
809
792
  </div>
810
- <div class="glyph fs3">
793
+ <div class="glyph fs1">
811
794
  <div class="clearfix pbs">
812
795
  <svg class="icon icon-chevron-up"><use xlink:href="#icon-chevron-up"></use></svg><span class="name"> icon-chevron-up</span>
813
796
  </div>
814
797
  </div>
815
- <div class="glyph fs3">
798
+ <div class="glyph fs1">
816
799
  <div class="clearfix pbs">
817
800
  <svg class="icon icon-chevrons-down"><use xlink:href="#icon-chevrons-down"></use></svg><span class="name"> icon-chevrons-down</span>
818
801
  </div>
819
802
  </div>
820
- <div class="glyph fs3">
803
+ <div class="glyph fs1">
821
804
  <div class="clearfix pbs">
822
805
  <svg class="icon icon-chevrons-left"><use xlink:href="#icon-chevrons-left"></use></svg><span class="name"> icon-chevrons-left</span>
823
806
  </div>
824
807
  </div>
825
- <div class="glyph fs3">
808
+ <div class="glyph fs1">
826
809
  <div class="clearfix pbs">
827
810
  <svg class="icon icon-chevrons-right"><use xlink:href="#icon-chevrons-right"></use></svg><span class="name"> icon-chevrons-right</span>
828
811
  </div>
829
812
  </div>
830
- <div class="glyph fs3">
813
+ <div class="glyph fs1">
831
814
  <div class="clearfix pbs">
832
815
  <svg class="icon icon-chevrons-up"><use xlink:href="#icon-chevrons-up"></use></svg><span class="name"> icon-chevrons-up</span>
833
816
  </div>
834
817
  </div>
835
- <div class="glyph fs3">
818
+ <div class="glyph fs1">
836
819
  <div class="clearfix pbs">
837
820
  <svg class="icon icon-circle"><use xlink:href="#icon-circle"></use></svg><span class="name"> icon-circle</span>
838
821
  </div>
839
822
  </div>
840
- <div class="glyph fs3">
823
+ <div class="glyph fs1">
841
824
  <div class="clearfix pbs">
842
825
  <svg class="icon icon-clipboard"><use xlink:href="#icon-clipboard"></use></svg><span class="name"> icon-clipboard</span>
843
826
  </div>
844
827
  </div>
845
- <div class="glyph fs3">
828
+ <div class="glyph fs1">
846
829
  <div class="clearfix pbs">
847
830
  <svg class="icon icon-clock"><use xlink:href="#icon-clock"></use></svg><span class="name"> icon-clock</span>
848
831
  </div>
849
832
  </div>
850
- <div class="glyph fs3">
833
+ <div class="glyph fs1">
851
834
  <div class="clearfix pbs">
852
835
  <svg class="icon icon-cloud1"><use xlink:href="#icon-cloud1"></use></svg><span class="name"> icon-cloud1</span>
853
836
  </div>
854
837
  </div>
855
- <div class="glyph fs3">
838
+ <div class="glyph fs1">
856
839
  <div class="clearfix pbs">
857
840
  <svg class="icon icon-code"><use xlink:href="#icon-code"></use></svg><span class="name"> icon-code</span>
858
841
  </div>
859
842
  </div>
860
- <div class="glyph fs3">
843
+ <div class="glyph fs1">
861
844
  <div class="clearfix pbs">
862
845
  <svg class="icon icon-copy"><use xlink:href="#icon-copy"></use></svg><span class="name"> icon-copy</span>
863
846
  </div>
864
847
  </div>
865
- <div class="glyph fs3">
848
+ <div class="glyph fs1">
866
849
  <div class="clearfix pbs">
867
850
  <svg class="icon icon-credit-card"><use xlink:href="#icon-credit-card"></use></svg><span class="name"> icon-credit-card</span>
868
851
  </div>
869
852
  </div>
870
- <div class="glyph fs3">
853
+ <div class="glyph fs1">
871
854
  <div class="clearfix pbs">
872
855
  <svg class="icon icon-disc"><use xlink:href="#icon-disc"></use></svg><span class="name"> icon-disc</span>
873
856
  </div>
874
857
  </div>
875
- <div class="glyph fs3">
858
+ <div class="glyph fs1">
876
859
  <div class="clearfix pbs">
877
860
  <svg class="icon icon-edit"><use xlink:href="#icon-edit"></use></svg><span class="name"> icon-edit</span>
878
861
  </div>
879
862
  </div>
880
- <div class="glyph fs3">
863
+ <div class="glyph fs1">
881
864
  <div class="clearfix pbs">
882
865
  <svg class="icon icon-edit-3"><use xlink:href="#icon-edit-3"></use></svg><span class="name"> icon-edit-3</span>
883
866
  </div>
884
867
  </div>
885
- <div class="glyph fs3">
868
+ <div class="glyph fs1">
886
869
  <div class="clearfix pbs">
887
870
  <svg class="icon icon-external-link"><use xlink:href="#icon-external-link"></use></svg><span class="name"> icon-external-link</span>
888
871
  </div>
889
872
  </div>
890
- <div class="glyph fs3">
873
+ <div class="glyph fs1">
891
874
  <div class="clearfix pbs">
892
875
  <svg class="icon icon-flag"><use xlink:href="#icon-flag"></use></svg><span class="name"> icon-flag</span>
893
876
  </div>
894
877
  </div>
895
- <div class="glyph fs3">
878
+ <div class="glyph fs1">
896
879
  <div class="clearfix pbs">
897
880
  <svg class="icon icon-home"><use xlink:href="#icon-home"></use></svg><span class="name"> icon-home</span>
898
881
  </div>
899
882
  </div>
900
- <div class="glyph fs3">
883
+ <div class="glyph fs1">
901
884
  <div class="clearfix pbs">
902
885
  <svg class="icon icon-image"><use xlink:href="#icon-image"></use></svg><span class="name"> icon-image</span>
903
886
  </div>
904
887
  </div>
905
- <div class="glyph fs3">
888
+ <div class="glyph fs1">
906
889
  <div class="clearfix pbs">
907
890
  <svg class="icon icon-inbox"><use xlink:href="#icon-inbox"></use></svg><span class="name"> icon-inbox</span>
908
891
  </div>
909
892
  </div>
910
- <div class="glyph fs3">
893
+ <div class="glyph fs1">
911
894
  <div class="clearfix pbs">
912
895
  <svg class="icon icon-info"><use xlink:href="#icon-info"></use></svg><span class="name"> icon-info</span>
913
896
  </div>
914
897
  </div>
915
- <div class="glyph fs3">
898
+ <div class="glyph fs1">
916
899
  <div class="clearfix pbs">
917
900
  <svg class="icon icon-layers"><use xlink:href="#icon-layers"></use></svg><span class="name"> icon-layers</span>
918
901
  </div>
919
902
  </div>
920
- <div class="glyph fs3">
903
+ <div class="glyph fs1">
921
904
  <div class="clearfix pbs">
922
905
  <svg class="icon icon-loader"><use xlink:href="#icon-loader"></use></svg><span class="name"> icon-loader</span>
923
906
  </div>
924
907
  </div>
925
- <div class="glyph fs3">
908
+ <div class="glyph fs1">
926
909
  <div class="clearfix pbs">
927
910
  <svg class="icon icon-lock"><use xlink:href="#icon-lock"></use></svg><span class="name"> icon-lock</span>
928
911
  </div>
929
912
  </div>
930
- <div class="glyph fs3">
913
+ <div class="glyph fs1">
931
914
  <div class="clearfix pbs">
932
915
  <svg class="icon icon-mail1"><use xlink:href="#icon-mail1"></use></svg><span class="name"> icon-mail1</span>
933
916
  </div>
934
917
  </div>
935
- <div class="glyph fs3">
918
+ <div class="glyph fs1">
936
919
  <div class="clearfix pbs">
937
920
  <svg class="icon icon-message-square"><use xlink:href="#icon-message-square"></use></svg><span class="name"> icon-message-square</span>
938
921
  </div>
939
922
  </div>
940
- <div class="glyph fs3">
923
+ <div class="glyph fs1">
941
924
  <div class="clearfix pbs">
942
925
  <svg class="icon icon-mic"><use xlink:href="#icon-mic"></use></svg><span class="name"> icon-mic</span>
943
926
  </div>
944
927
  </div>
945
- <div class="glyph fs3">
928
+ <div class="glyph fs1">
946
929
  <div class="clearfix pbs">
947
930
  <svg class="icon icon-paperclip"><use xlink:href="#icon-paperclip"></use></svg><span class="name"> icon-paperclip</span>
948
931
  </div>
949
932
  </div>
950
- <div class="glyph fs3">
933
+ <div class="glyph fs1">
951
934
  <div class="clearfix pbs">
952
935
  <svg class="icon icon-phone"><use xlink:href="#icon-phone"></use></svg><span class="name"> icon-phone</span>
953
936
  </div>
954
937
  </div>
955
- <div class="glyph fs3">
938
+ <div class="glyph fs1">
956
939
  <div class="clearfix pbs">
957
940
  <svg class="icon icon-phone-forwarded"><use xlink:href="#icon-phone-forwarded"></use></svg><span class="name"> icon-phone-forwarded</span>
958
941
  </div>
959
942
  </div>
960
- <div class="glyph fs3">
943
+ <div class="glyph fs1">
961
944
  <div class="clearfix pbs">
962
945
  <svg class="icon icon-phone-incoming"><use xlink:href="#icon-phone-incoming"></use></svg><span class="name"> icon-phone-incoming</span>
963
946
  </div>
964
947
  </div>
965
- <div class="glyph fs3">
948
+ <div class="glyph fs1">
966
949
  <div class="clearfix pbs">
967
950
  <svg class="icon icon-phone-missed"><use xlink:href="#icon-phone-missed"></use></svg><span class="name"> icon-phone-missed</span>
968
951
  </div>
969
952
  </div>
970
- <div class="glyph fs3">
953
+ <div class="glyph fs1">
971
954
  <div class="clearfix pbs">
972
955
  <svg class="icon icon-phone-outgoing"><use xlink:href="#icon-phone-outgoing"></use></svg><span class="name"> icon-phone-outgoing</span>
973
956
  </div>
974
957
  </div>
975
- <div class="glyph fs3">
958
+ <div class="glyph fs1">
976
959
  <div class="clearfix pbs">
977
960
  <svg class="icon icon-radio"><use xlink:href="#icon-radio"></use></svg><span class="name"> icon-radio</span>
978
961
  </div>
979
962
  </div>
980
- <div class="glyph fs3">
963
+ <div class="glyph fs1">
981
964
  <div class="clearfix pbs">
982
965
  <svg class="icon icon-repeat"><use xlink:href="#icon-repeat"></use></svg><span class="name"> icon-repeat</span>
983
966
  </div>
984
967
  </div>
985
- <div class="glyph fs3">
968
+ <div class="glyph fs1">
986
969
  <div class="clearfix pbs">
987
970
  <svg class="icon icon-send"><use xlink:href="#icon-send"></use></svg><span class="name"> icon-send</span>
988
971
  </div>
989
972
  </div>
990
- <div class="glyph fs3">
973
+ <div class="glyph fs1">
991
974
  <div class="clearfix pbs">
992
975
  <svg class="icon icon-settings"><use xlink:href="#icon-settings"></use></svg><span class="name"> icon-settings</span>
993
976
  </div>
994
977
  </div>
995
- <div class="glyph fs3">
978
+ <div class="glyph fs1">
996
979
  <div class="clearfix pbs">
997
980
  <svg class="icon icon-shield"><use xlink:href="#icon-shield"></use></svg><span class="name"> icon-shield</span>
998
981
  </div>
999
982
  </div>
1000
- <div class="glyph fs3">
983
+ <div class="glyph fs1">
1001
984
  <div class="clearfix pbs">
1002
985
  <svg class="icon icon-shield-off"><use xlink:href="#icon-shield-off"></use></svg><span class="name"> icon-shield-off</span>
1003
986
  </div>
1004
987
  </div>
1005
- <div class="glyph fs3">
988
+ <div class="glyph fs1">
1006
989
  <div class="clearfix pbs">
1007
990
  <svg class="icon icon-sidebar"><use xlink:href="#icon-sidebar"></use></svg><span class="name"> icon-sidebar</span>
1008
991
  </div>
1009
992
  </div>
1010
- <div class="glyph fs3">
993
+ <div class="glyph fs1">
1011
994
  <div class="clearfix pbs">
1012
995
  <svg class="icon icon-slash"><use xlink:href="#icon-slash"></use></svg><span class="name"> icon-slash</span>
1013
996
  </div>
1014
997
  </div>
1015
- <div class="glyph fs3">
998
+ <div class="glyph fs1">
1016
999
  <div class="clearfix pbs">
1017
1000
  <svg class="icon icon-sliders"><use xlink:href="#icon-sliders"></use></svg><span class="name"> icon-sliders</span>
1018
1001
  </div>
1019
1002
  </div>
1020
- <div class="glyph fs3">
1003
+ <div class="glyph fs1">
1021
1004
  <div class="clearfix pbs">
1022
1005
  <svg class="icon icon-smartphone"><use xlink:href="#icon-smartphone"></use></svg><span class="name"> icon-smartphone</span>
1023
1006
  </div>
1024
1007
  </div>
1025
- <div class="glyph fs3">
1008
+ <div class="glyph fs1">
1026
1009
  <div class="clearfix pbs">
1027
1010
  <svg class="icon icon-square"><use xlink:href="#icon-square"></use></svg><span class="name"> icon-square</span>
1028
1011
  </div>
1029
1012
  </div>
1030
- <div class="glyph fs3">
1013
+ <div class="glyph fs1">
1031
1014
  <div class="clearfix pbs">
1032
1015
  <svg class="icon icon-tag"><use xlink:href="#icon-tag"></use></svg><span class="name"> icon-tag</span>
1033
1016
  </div>
1034
1017
  </div>
1035
- <div class="glyph fs3">
1018
+ <div class="glyph fs1">
1036
1019
  <div class="clearfix pbs">
1037
1020
  <svg class="icon icon-tool"><use xlink:href="#icon-tool"></use></svg><span class="name"> icon-tool</span>
1038
1021
  </div>
1039
1022
  </div>
1040
- <div class="glyph fs3">
1023
+ <div class="glyph fs1">
1041
1024
  <div class="clearfix pbs">
1042
1025
  <svg class="icon icon-trash"><use xlink:href="#icon-trash"></use></svg><span class="name"> icon-trash</span>
1043
1026
  </div>
1044
1027
  </div>
1045
- <div class="glyph fs3">
1028
+ <div class="glyph fs1">
1046
1029
  <div class="clearfix pbs">
1047
1030
  <svg class="icon icon-trash-2"><use xlink:href="#icon-trash-2"></use></svg><span class="name"> icon-trash-2</span>
1048
1031
  </div>
1049
1032
  </div>
1050
- <div class="glyph fs3">
1033
+ <div class="glyph fs1">
1051
1034
  <div class="clearfix pbs">
1052
1035
  <svg class="icon icon-user"><use xlink:href="#icon-user"></use></svg><span class="name"> icon-user</span>
1053
1036
  </div>
1054
1037
  </div>
1055
- <div class="glyph fs3">
1038
+ <div class="glyph fs1">
1056
1039
  <div class="clearfix pbs">
1057
1040
  <svg class="icon icon-users"><use xlink:href="#icon-users"></use></svg><span class="name"> icon-users</span>
1058
1041
  </div>
1059
1042
  </div>
1060
- <div class="glyph fs3">
1043
+ <div class="glyph fs1">
1061
1044
  <div class="clearfix pbs">
1062
1045
  <svg class="icon icon-speaker"><use xlink:href="#icon-speaker"></use></svg><span class="name"> icon-speaker</span>
1063
1046
  </div>
1064
1047
  </div>
1065
- <div class="glyph fs3">
1048
+ <div class="glyph fs1">
1066
1049
  <div class="clearfix pbs">
1067
1050
  <svg class="icon icon-x"><use xlink:href="#icon-x"></use></svg><span class="name"> icon-x</span>
1068
1051
  </div>
1069
1052
  </div>
1070
- <div class="glyph fs3">
1053
+ <div class="glyph fs1">
1071
1054
  <div class="clearfix pbs">
1072
1055
  <svg class="icon icon-x-octagon"><use xlink:href="#icon-x-octagon"></use></svg><span class="name"> icon-x-octagon</span>
1073
1056
  </div>
1074
1057
  </div>
1075
- <div class="glyph fs3">
1058
+ <div class="glyph fs1">
1076
1059
  <div class="clearfix pbs">
1077
1060
  <svg class="icon icon-zap"><use xlink:href="#icon-zap"></use></svg><span class="name"> icon-zap</span>
1078
1061
  </div>
1079
1062
  </div>
1080
- <div class="glyph fs3">
1063
+ <div class="glyph fs1">
1081
1064
  <div class="clearfix pbs">
1082
1065
  <svg class="icon icon-contact-cal"><use xlink:href="#icon-contact-cal"></use></svg><span class="name"> icon-contact-cal</span>
1083
1066
  </div>
1084
1067
  </div>
1085
- <div class="glyph fs3">
1068
+ <div class="glyph fs1">
1086
1069
  <div class="clearfix pbs">
1087
1070
  <svg class="icon icon-send-mobile"><use xlink:href="#icon-send-mobile"></use></svg><span class="name"> icon-send-mobile</span>
1088
1071
  </div>
1089
1072
  </div>
1073
+ </div>
1074
+ <div class="clearfix mhl ptl">
1075
+ <h1 class="mvm mtn fgc1">Grid Size: 0</h1>
1076
+ <div class="glyph fs2">
1077
+ <div class="clearfix pbs">
1078
+ <svg class="icon icon-zapier"><use xlink:href="#icon-zapier"></use></svg><span class="name"> icon-zapier</span>
1079
+ </div>
1080
+ </div>
1081
+ </div>
1082
+ <div class="clearfix mhl ptl">
1083
+ <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
1084
+ <div class="glyph fs3">
1085
+ <div class="clearfix pbs">
1086
+ <svg class="icon icon-channel"><use xlink:href="#icon-channel"></use></svg><span class="name"> icon-channel</span>
1087
+ </div>
1088
+ </div>
1089
+ <div class="glyph fs3">
1090
+ <div class="clearfix pbs">
1091
+ <svg class="icon icon-users1"><use xlink:href="#icon-users1"></use></svg><span class="name"> icon-users1</span>
1092
+ </div>
1093
+ </div>
1094
+ <div class="glyph fs3">
1095
+ <div class="clearfix pbs">
1096
+ <svg class="icon icon-lock2"><use xlink:href="#icon-lock2"></use></svg><span class="name"> icon-lock2</span>
1097
+ </div>
1098
+ </div>
1099
+ <div class="glyph fs3">
1100
+ <div class="clearfix pbs">
1101
+ <svg class="icon icon-atom"><use xlink:href="#icon-atom"></use></svg><span class="name"> icon-atom</span>
1102
+ </div>
1103
+ </div>
1104
+ <div class="glyph fs3">
1105
+ <div class="clearfix pbs">
1106
+ <svg class="icon icon-paperplane"><use xlink:href="#icon-paperplane"></use></svg><span class="name"> icon-paperplane</span>
1107
+ </div>
1108
+ </div>
1109
+ <div class="glyph fs3">
1110
+ <div class="clearfix pbs">
1111
+ <svg class="icon icon-cancel"><use xlink:href="#icon-cancel"></use></svg><span class="name"> icon-cancel</span>
1112
+ </div>
1113
+ </div>
1090
1114
  </div>
1091
1115
  <div class="clearfix mhl ptl">
1092
1116
  <h1 class="mvm mtn fgc1">Grid Size: 32</h1>