@nyaruka/temba-components 0.26.7 → 0.26.10

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 (127) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/demo/index.html +9 -1
  3. package/dist/{5acfdad6.js → cbffa348.js} +515 -64
  4. package/dist/index.js +515 -64
  5. package/dist/static/icons/symbol-defs.svg +48 -5
  6. package/dist/static/img/schemes/email.svg +1 -0
  7. package/dist/static/img/schemes/facebook.svg +1 -0
  8. package/dist/static/img/schemes/instagram.svg +1 -0
  9. package/dist/static/img/schemes/line.svg +1 -0
  10. package/dist/static/img/schemes/messenger.svg +1 -0
  11. package/dist/static/img/schemes/tel.svg +34 -0
  12. package/dist/static/img/schemes/telegram.svg +1 -0
  13. package/dist/static/img/schemes/twitter.svg +1 -0
  14. package/dist/static/img/schemes/viber.svg +1 -0
  15. package/dist/static/img/schemes/vk.svg +1 -0
  16. package/dist/static/img/schemes/whatsapp.svg +1 -0
  17. package/dist/sw.js +1 -1
  18. package/dist/sw.js.map +1 -1
  19. package/dist/templates/components-body.html +1 -1
  20. package/dist/templates/components-head.html +1 -1
  21. package/out-tsc/src/RapidElement.js.map +1 -1
  22. package/out-tsc/src/RefreshElement.js +28 -0
  23. package/out-tsc/src/RefreshElement.js.map +1 -0
  24. package/out-tsc/src/button/Button.js +4 -0
  25. package/out-tsc/src/button/Button.js.map +1 -1
  26. package/out-tsc/src/contacts/ContactBadges.js +97 -0
  27. package/out-tsc/src/contacts/ContactBadges.js.map +1 -0
  28. package/out-tsc/src/contacts/ContactChat.js +5 -13
  29. package/out-tsc/src/contacts/ContactChat.js.map +1 -1
  30. package/out-tsc/src/contacts/ContactFieldEditor.js +211 -0
  31. package/out-tsc/src/contacts/ContactFieldEditor.js.map +1 -0
  32. package/out-tsc/src/contacts/ContactFields.js +163 -0
  33. package/out-tsc/src/contacts/ContactFields.js.map +1 -0
  34. package/out-tsc/src/contacts/ContactGroups.js +39 -0
  35. package/out-tsc/src/contacts/ContactGroups.js.map +1 -0
  36. package/out-tsc/src/contacts/ContactName.js +40 -0
  37. package/out-tsc/src/contacts/ContactName.js.map +1 -0
  38. package/out-tsc/src/contacts/ContactStoreElement.js +44 -0
  39. package/out-tsc/src/contacts/ContactStoreElement.js.map +1 -0
  40. package/out-tsc/src/contacts/ContactUrn.js +38 -0
  41. package/out-tsc/src/contacts/ContactUrn.js.map +1 -0
  42. package/out-tsc/src/contacts/events.js +76 -30
  43. package/out-tsc/src/contacts/events.js.map +1 -1
  44. package/out-tsc/src/contactsearch/ContactSearch.js +1 -1
  45. package/out-tsc/src/contactsearch/ContactSearch.js.map +1 -1
  46. package/out-tsc/src/interfaces.js +1 -0
  47. package/out-tsc/src/interfaces.js.map +1 -1
  48. package/out-tsc/src/label/Label.js +57 -12
  49. package/out-tsc/src/label/Label.js.map +1 -1
  50. package/out-tsc/src/list/TembaMenu.js +8 -6
  51. package/out-tsc/src/list/TembaMenu.js.map +1 -1
  52. package/out-tsc/src/select/Select.js +4 -4
  53. package/out-tsc/src/select/Select.js.map +1 -1
  54. package/out-tsc/src/store/Store.js +113 -3
  55. package/out-tsc/src/store/Store.js.map +1 -1
  56. package/out-tsc/src/store/StoreElement.js +55 -0
  57. package/out-tsc/src/store/StoreElement.js.map +1 -0
  58. package/out-tsc/src/tabpane/Tab.js +14 -1
  59. package/out-tsc/src/tabpane/Tab.js.map +1 -1
  60. package/out-tsc/src/tabpane/TabPane.js +35 -0
  61. package/out-tsc/src/tabpane/TabPane.js.map +1 -1
  62. package/out-tsc/src/textinput/TextInput.js +37 -19
  63. package/out-tsc/src/textinput/TextInput.js.map +1 -1
  64. package/out-tsc/src/vectoricon/VectorIcon.js +28 -15
  65. package/out-tsc/src/vectoricon/VectorIcon.js.map +1 -1
  66. package/out-tsc/temba-modules.js +12 -0
  67. package/out-tsc/temba-modules.js.map +1 -1
  68. package/out-tsc/test/temba-contact-history.test.js +1 -1
  69. package/out-tsc/test/temba-contact-history.test.js.map +1 -1
  70. package/package.json +4 -4
  71. package/rollup.config.js +1 -0
  72. package/screenshots/truth/contacts/history.png +0 -0
  73. package/src/RapidElement.ts +0 -1
  74. package/src/RefreshElement.ts +33 -0
  75. package/src/button/Button.ts +4 -0
  76. package/src/contacts/ContactBadges.ts +104 -0
  77. package/src/contacts/ContactChat.ts +7 -16
  78. package/src/contacts/ContactFieldEditor.ts +215 -0
  79. package/src/contacts/ContactFields.ts +178 -0
  80. package/src/contacts/ContactGroups.ts +41 -0
  81. package/src/contacts/ContactName.ts +37 -0
  82. package/src/contacts/ContactStoreElement.ts +51 -0
  83. package/src/contacts/ContactUrn.ts +38 -0
  84. package/src/contacts/events.ts +83 -30
  85. package/src/contactsearch/ContactSearch.ts +1 -1
  86. package/src/interfaces.ts +5 -1
  87. package/src/label/Label.ts +55 -7
  88. package/src/list/TembaMenu.ts +7 -5
  89. package/src/select/Select.ts +4 -4
  90. package/src/store/Store.ts +147 -3
  91. package/src/store/StoreElement.ts +71 -0
  92. package/src/tabpane/Tab.ts +14 -1
  93. package/src/tabpane/TabPane.ts +36 -0
  94. package/src/textinput/TextInput.ts +50 -29
  95. package/src/vectoricon/VectorIcon.ts +33 -15
  96. package/static/css/temba-components.css +3 -0
  97. package/static/icons/Read Me.txt +1 -1
  98. package/static/icons/SVG/bookmark-filled.svg +5 -0
  99. package/static/icons/SVG/bookmark.svg +1 -1
  100. package/static/icons/SVG/calendar1.svg +5 -0
  101. package/static/icons/SVG/corner-down-left.svg +5 -0
  102. package/static/icons/SVG/external-link1.svg +5 -0
  103. package/static/icons/SVG/globe.svg +5 -0
  104. package/static/icons/SVG/language.svg +5 -0
  105. package/static/icons/SVG/more-horizontal.svg +5 -0
  106. package/static/icons/SVG/refresh-cw.svg +5 -0
  107. package/static/icons/SVG/search.svg +5 -0
  108. package/static/icons/demo-external-svg.html +235 -162
  109. package/static/icons/demo-files/demo.css +6 -3
  110. package/static/icons/demo.html +283 -167
  111. package/static/icons/selection.json +569 -339
  112. package/static/icons/style.css +4 -0
  113. package/static/icons/symbol-defs.svg +48 -5
  114. package/static/img/schemes/email.svg +1 -0
  115. package/static/img/schemes/facebook.svg +1 -0
  116. package/static/img/schemes/instagram.svg +1 -0
  117. package/static/img/schemes/line.svg +1 -0
  118. package/static/img/schemes/messenger.svg +1 -0
  119. package/static/img/schemes/tel.svg +34 -0
  120. package/static/img/schemes/telegram.svg +1 -0
  121. package/static/img/schemes/twitter.svg +1 -0
  122. package/static/img/schemes/viber.svg +1 -0
  123. package/static/img/schemes/vk.svg +1 -0
  124. package/static/img/schemes/whatsapp.svg +1 -0
  125. package/temba-modules.ts +13 -0
  126. package/test/temba-contact-history.test.ts +1 -1
  127. package/test-assets/contacts/history.json +5 -4
@@ -10,6 +10,36 @@
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-language" viewBox="0 0 20 20">
14
+ <path d="M19.753 10.909c-0.624-1.707-2.366-2.726-4.661-2.726-0.090 0-0.176 0.002-0.262 0.006l-0.016-2.063c0 0 3.41-0.588 3.525-0.607s0.133-0.119 0.109-0.231c-0.023-0.111-0.167-0.883-0.188-0.976-0.027-0.131-0.102-0.127-0.207-0.109s-3.25 0.461-3.25 0.461-0.012-1.953-0.013-2.078c-0.001-0.125-0.069-0.158-0.194-0.156s-0.92 0.014-1.025 0.016c-0.105 0.002-0.164 0.049-0.162 0.148s0.033 2.307 0.033 2.307-3.061 0.527-3.144 0.543c-0.084 0.014-0.17 0.053-0.151 0.143s0.19 1.094 0.208 1.172c0.018 0.080 0.072 0.129 0.188 0.107 0.115-0.019 2.924-0.504 2.924-0.504l0.035 2.018c-1.077 0.281-1.801 0.824-2.256 1.303-0.768 0.807-1.207 1.887-1.207 2.963 0 1.586 0.971 2.529 2.328 2.695 3.162 0.387 5.119-3.060 5.769-4.715 1.097 1.506 0.256 4.354-2.094 5.98-0.043 0.029-0.098 0.129-0.033 0.207s0.541 0.662 0.619 0.756c0.080 0.096 0.206 0.059 0.256 0.023 2.51-1.73 3.661-4.515 2.869-6.683zM12.367 14.097c-0.966-0.121-0.944-0.914-0.944-1.453 0-0.773 0.327-1.58 0.876-2.156 0.335-0.354 0.75-0.621 1.229-0.799l0.082 4.277c-0.385 0.131-0.799 0.185-1.243 0.131zM14.794 13.544l0.046-4.109c0.084-0.004 0.166-0.010 0.252-0.010 0.773 0 1.494 0.145 1.885 0.361s-1.023 2.713-2.183 3.758zM5.844 5.876c-0.030-0.094-0.103-0.145-0.196-0.145h-1.95c-0.093 0-0.165 0.051-0.194 0.144-0.412 1.299-3.48 10.99-3.496 11.041s-0.011 0.076 0.062 0.076h1.733c0.075 0 0.099-0.023 0.114-0.072 0.015-0.051 1.008-3.318 1.008-3.318h3.496c0 0 0.992 3.268 1.008 3.318s0.039 0.072 0.113 0.072h1.734c0.072 0 0.078-0.025 0.062-0.076-0.014-0.050-3.083-9.741-3.494-11.040zM3.226 12.194l1.447-5.25 1.447 5.25h-2.894z"></path>
15
+ </symbol>
16
+ <symbol id="icon-bookmark-filled" viewBox="0 0 24 24">
17
+ <path d="M17.016 3q0.797 0 1.383 0.609t0.586 1.406v15.984l-6.984-3-6.984 3v-15.984q0-0.797 0.586-1.406t1.383-0.609h10.031z"></path>
18
+ </symbol>
19
+ <symbol id="icon-bookmark" viewBox="0 0 24 24">
20
+ <path d="M17.016 18v-12.984h-10.031v12.984l5.016-2.203zM17.016 3q0.797 0 1.383 0.609t0.586 1.406v15.984l-6.984-3-6.984 3v-15.984q0-0.797 0.586-1.406t1.383-0.609h10.031z"></path>
21
+ </symbol>
22
+ <symbol id="icon-calendar" viewBox="0 0 24 24">
23
+ <path d="M7 2v1h-2c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v14c0 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-14c0-0.828-0.337-1.58-0.879-2.121s-1.293-0.879-2.121-0.879h-2v-1c0-0.552-0.448-1-1-1s-1 0.448-1 1v1h-6v-1c0-0.552-0.448-1-1-1s-1 0.448-1 1zM20 9h-16v-3c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h2v1c0 0.552 0.448 1 1 1s1-0.448 1-1v-1h6v1c0 0.552 0.448 1 1 1s1-0.448 1-1v-1h2c0.276 0 0.525 0.111 0.707 0.293s0.293 0.431 0.293 0.707zM4 11h16v9c0 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.707z"></path>
24
+ </symbol>
25
+ <symbol id="icon-corner-down-left" viewBox="0 0 24 24">
26
+ <path d="M19 4v7c0 0.829-0.335 1.577-0.879 2.121s-1.292 0.879-2.121 0.879h-9.586l3.293-3.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5 5c-0.092 0.092-0.166 0.202-0.217 0.324-0.15 0.362-0.078 0.795 0.217 1.090l5 5c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-3.293-3.293h9.586c1.38 0 2.632-0.561 3.536-1.464s1.464-2.156 1.464-3.536v-7c0-0.552-0.448-1-1-1s-1 0.448-1 1z"></path>
27
+ </symbol>
28
+ <symbol id="icon-external-link" viewBox="0 0 24 24">
29
+ <path d="M17 13v6c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-11c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-11c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h6c0.552 0 1-0.448 1-1s-0.448-1-1-1h-6c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v11c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h11c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1zM10.707 14.707l9.293-9.293v3.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.136-0.027-0.265-0.076-0.383s-0.121-0.228-0.216-0.323c-0.001-0.001-0.001-0.001-0.002-0.002-0.092-0.092-0.202-0.166-0.323-0.216-0.118-0.049-0.247-0.076-0.383-0.076h-6c-0.552 0-1 0.448-1 1s0.448 1 1 1h3.586l-9.293 9.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z"></path>
30
+ </symbol>
31
+ <symbol id="icon-globe" viewBox="0 0 24 24">
32
+ <path d="M16.951 11c-0.214-2.69-1.102-5.353-2.674-7.71 1.57 0.409 2.973 1.232 4.087 2.346 1.408 1.408 2.351 3.278 2.581 5.364zM14.279 20.709c1.483-2.226 2.437-4.853 2.669-7.709h3.997c-0.23 2.086-1.173 3.956-2.581 5.364-1.113 1.113-2.516 1.936-4.085 2.345zM7.049 13c0.214 2.69 1.102 5.353 2.674 7.71-1.57-0.409-2.973-1.232-4.087-2.346-1.408-1.408-2.351-3.278-2.581-5.364zM9.721 3.291c-1.482 2.226-2.436 4.853-2.669 7.709h-3.997c0.23-2.086 1.173-3.956 2.581-5.364 1.114-1.113 2.516-1.936 4.085-2.345zM12.004 1c0 0 0 0 0 0-3.044 0.001-5.794 1.233-7.782 3.222-1.99 1.989-3.222 4.741-3.222 7.778s1.232 5.789 3.222 7.778c1.988 1.989 4.738 3.221 7.774 3.222 0 0 0 0 0 0 3.044-0.001 5.793-1.233 7.782-3.222 1.99-1.989 3.222-4.741 3.222-7.778s-1.232-5.789-3.222-7.778c-1.988-1.989-4.738-3.221-7.774-3.222zM14.946 13c-0.252 2.788-1.316 5.36-2.945 7.451-1.729-2.221-2.706-4.818-2.945-7.451zM11.999 3.549c1.729 2.221 2.706 4.818 2.945 7.451h-5.89c0.252-2.788 1.316-5.36 2.945-7.451z"></path>
33
+ </symbol>
34
+ <symbol id="icon-more-horizontal" viewBox="0 0 24 24">
35
+ <path d="M14 12c0-0.552-0.225-1.053-0.586-1.414s-0.862-0.586-1.414-0.586-1.053 0.225-1.414 0.586-0.586 0.862-0.586 1.414 0.225 1.053 0.586 1.414 0.862 0.586 1.414 0.586 1.053-0.225 1.414-0.586 0.586-0.862 0.586-1.414zM21 12c0-0.552-0.225-1.053-0.586-1.414s-0.862-0.586-1.414-0.586-1.053 0.225-1.414 0.586-0.586 0.862-0.586 1.414 0.225 1.053 0.586 1.414 0.862 0.586 1.414 0.586 1.053-0.225 1.414-0.586 0.586-0.862 0.586-1.414zM7 12c0-0.552-0.225-1.053-0.586-1.414s-0.862-0.586-1.414-0.586-1.053 0.225-1.414 0.586-0.586 0.862-0.586 1.414 0.225 1.053 0.586 1.414 0.862 0.586 1.414 0.586 1.053-0.225 1.414-0.586 0.586-0.862 0.586-1.414z"></path>
36
+ </symbol>
37
+ <symbol id="icon-refresh-cw" viewBox="0 0 24 24">
38
+ <path d="M4.453 9.334c0.737-2.083 2.247-3.669 4.096-4.552s4.032-1.059 6.114-0.322c1.186 0.42 2.206 1.088 2.983 1.88l2.83 2.66h-3.476c-0.552 0-1 0.448-1 1s0.448 1 1 1h5.997c0.005 0 0.009 0 0.014 0 0.137-0.001 0.268-0.031 0.386-0.082 0.119-0.051 0.229-0.126 0.324-0.225 0.012-0.013 0.024-0.026 0.036-0.039 0.075-0.087 0.133-0.183 0.173-0.285s0.064-0.211 0.069-0.326c0.001-0.015 0.001-0.029 0.001-0.043v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1v3.689l-2.926-2.749c-0.992-1.010-2.271-1.843-3.743-2.364-2.603-0.921-5.335-0.699-7.643 0.402s-4.199 3.086-5.12 5.689c-0.185 0.52 0.088 1.091 0.608 1.276s1.092-0.088 1.276-0.609zM2 16.312l2.955 2.777c1.929 1.931 4.49 2.908 7.048 2.909s5.119-0.975 7.072-2.927c1.104-1.104 1.901-2.407 2.361-3.745 0.18-0.522-0.098-1.091-0.621-1.271s-1.091 0.098-1.271 0.621c-0.361 1.050-0.993 2.091-1.883 2.981-1.563 1.562-3.609 2.342-5.657 2.342s-4.094-0.782-5.679-2.366l-2.8-2.633h3.475c0.552 0 1-0.448 1-1s-0.448-1-1-1h-5.997c-0.005 0-0.009 0-0.014 0-0.137 0.001-0.268 0.031-0.386 0.082-0.119 0.051-0.229 0.126-0.324 0.225-0.012 0.013-0.024 0.026-0.036 0.039-0.075 0.087-0.133 0.183-0.173 0.285s-0.064 0.211-0.069 0.326c-0.001 0.015-0.001 0.029-0.001 0.043v6c0 0.552 0.448 1 1 1s1-0.448 1-1z"></path>
39
+ </symbol>
40
+ <symbol id="icon-search" viewBox="0 0 24 24">
41
+ <path d="M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z"></path>
42
+ </symbol>
13
43
  <symbol id="icon-pause" viewBox="0 0 24 24">
14
44
  <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
45
  </symbol>
@@ -73,9 +103,6 @@
73
103
  <symbol id="icon-arrow-up-circle" viewBox="0 0 24 24">
74
104
  <path d="M23 12c0-3.037-1.232-5.789-3.222-7.778s-4.741-3.222-7.778-3.222-5.789 1.232-7.778 3.222-3.222 4.741-3.222 7.778 1.232 5.789 3.222 7.778 4.741 3.222 7.778 3.222 5.789-1.232 7.778-3.222 3.222-4.741 3.222-7.778zM21 12c0 2.486-1.006 4.734-2.636 6.364s-3.878 2.636-6.364 2.636-4.734-1.006-6.364-2.636-2.636-3.878-2.636-6.364 1.006-4.734 2.636-6.364 3.878-2.636 6.364-2.636 4.734 1.006 6.364 2.636 2.636 3.878 2.636 6.364zM13 16v-5.586l2.293 2.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-4-4c-0.096-0.096-0.206-0.168-0.324-0.217-0.122-0.051-0.253-0.076-0.383-0.076-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 0l2.293-2.293v5.586c0 0.552 0.448 1 1 1s1-0.448 1-1z"></path>
75
105
  </symbol>
76
- <symbol id="icon-bookmark" viewBox="0 0 24 24">
77
- <path d="M18.419 21.814c0.161 0.116 0.363 0.186 0.581 0.186 0.552 0 1-0.448 1-1v-16c0-0.828-0.337-1.58-0.879-2.121s-1.293-0.879-2.121-0.879h-10c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v16c-0.001 0.199 0.060 0.404 0.186 0.581 0.321 0.449 0.946 0.554 1.395 0.232l6.419-4.584zM18 19.057l-5.419-3.871c-0.355-0.254-0.819-0.242-1.162 0l-5.419 3.871v-14.057c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h10c0.276 0 0.525 0.111 0.707 0.293s0.293 0.431 0.293 0.707z"></path>
78
- </symbol>
79
106
  <symbol id="icon-database" viewBox="0 0 24 24">
80
107
  <path d="M4 5.002c0 0 0.003-0.095 0.213-0.288 0.245-0.225 0.671-0.483 1.306-0.73 1.499-0.585 3.821-0.984 6.481-0.984s4.982 0.399 6.482 0.984c0.634 0.247 1.061 0.505 1.306 0.73 0.205 0.189 0.212 0.281 0.212 0.288 0 0.003-0.007 0.095-0.213 0.284-0.245 0.225-0.671 0.483-1.306 0.73-1.499 0.585-3.821 0.984-6.481 0.984s-4.982-0.399-6.482-0.984c-0.634-0.247-1.061-0.505-1.306-0.73-0.208-0.192-0.212-0.284-0.212-0.284zM20 14.532v4.471c-0.041 0.097-0.096 0.181-0.217 0.291-0.245 0.225-0.671 0.482-1.303 0.728-1.495 0.582-3.809 0.978-6.48 0.978s-4.985-0.396-6.48-0.978c-0.633-0.246-1.058-0.503-1.303-0.728-0.12-0.11-0.176-0.194-0.199-0.242l-0.006-4.514c0.248 0.126 0.51 0.242 0.782 0.348 1.797 0.699 4.377 1.114 7.206 1.114s5.409-0.415 7.206-1.114c0.277-0.108 0.543-0.225 0.794-0.354zM20 7.527v4.463c0 0.004 0 0.008 0 0.013-0.041 0.097-0.096 0.181-0.217 0.291-0.245 0.225-0.671 0.482-1.303 0.728-1.495 0.582-3.809 0.978-6.48 0.978s-4.985-0.396-6.48-0.978c-0.633-0.246-1.058-0.503-1.303-0.728-0.12-0.11-0.176-0.194-0.199-0.242-0.001-0.040-0.004-0.079-0.009-0.117l-0.005-4.407c0.248 0.128 0.513 0.244 0.788 0.352 1.801 0.702 4.388 1.12 7.208 1.12s5.407-0.418 7.208-1.12c0.276-0.108 0.542-0.225 0.792-0.353zM2 5v14c0 0.058 0.002 0.116 0.007 0.174 0.057 0.665 0.425 1.197 0.857 1.594 0.498 0.457 1.175 0.824 1.93 1.118 1.797 0.699 4.377 1.114 7.206 1.114s5.409-0.415 7.206-1.114c0.755-0.294 1.432-0.661 1.93-1.118 0.432-0.397 0.8-0.929 0.857-1.594 0.005-0.058 0.007-0.116 0.007-0.174v-14c0-0.056-0.002-0.112-0.007-0.168-0.055-0.664-0.422-1.195-0.852-1.59-0.498-0.459-1.177-0.827-1.933-1.122-1.801-0.702-4.388-1.12-7.208-1.12s-5.407 0.418-7.208 1.12c-0.756 0.295-1.435 0.664-1.933 1.122-0.43 0.395-0.797 0.927-0.852 1.59-0.005 0.056-0.007 0.112-0.007 0.168z"></path>
81
108
  </symbol>
@@ -157,7 +184,7 @@
157
184
  <symbol id="icon-briefcase" viewBox="0 0 24 24">
158
185
  <path d="M9 6v-1c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h4c0.276 0 0.525 0.111 0.707 0.293s0.293 0.431 0.293 0.707v1zM9 20v-12h6v12zM7 8v12h-3c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-10c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293zM17 6v-1c0-0.828-0.337-1.58-0.879-2.121s-1.293-0.879-2.121-0.879h-4c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v1h-3c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v10c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h16c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-10c0-0.828-0.337-1.58-0.879-2.121s-1.293-0.879-2.121-0.879zM17 20v-12h3c0.276 0 0.525 0.111 0.707 0.293s0.293 0.431 0.293 0.707v10c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293z"></path>
159
186
  </symbol>
160
- <symbol id="icon-calendar" viewBox="0 0 24 24">
187
+ <symbol id="icon-calendar1" viewBox="0 0 24 24">
161
188
  <path d="M7 2v1h-2c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v14c0 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-14c0-0.828-0.337-1.58-0.879-2.121s-1.293-0.879-2.121-0.879h-2v-1c0-0.552-0.448-1-1-1s-1 0.448-1 1v1h-6v-1c0-0.552-0.448-1-1-1s-1 0.448-1 1zM20 9h-16v-3c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h2v1c0 0.552 0.448 1 1 1s1-0.448 1-1v-1h6v1c0 0.552 0.448 1 1 1s1-0.448 1-1v-1h2c0.276 0 0.525 0.111 0.707 0.293s0.293 0.431 0.293 0.707zM4 11h16v9c0 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.707z"></path>
162
189
  </symbol>
163
190
  <symbol id="icon-camera" viewBox="0 0 24 24">
@@ -223,7 +250,7 @@
223
250
  <symbol id="icon-edit-3" viewBox="0 0 24 24">
224
251
  <path d="M12 21h9c0.552 0 1-0.448 1-1s-0.448-1-1-1h-9c-0.552 0-1 0.448-1 1s0.448 1 1 1zM15.793 2.793l-12.5 12.5c-0.122 0.121-0.217 0.28-0.263 0.465l-1 4c-0.039 0.15-0.042 0.318 0 0.485 0.134 0.536 0.677 0.862 1.213 0.728l4-1c0.167-0.041 0.33-0.129 0.465-0.263l12.5-12.5c0.609-0.609 0.914-1.41 0.914-2.207s-0.305-1.598-0.914-2.207-1.411-0.915-2.208-0.915-1.598 0.305-2.207 0.914zM17.207 4.207c0.219-0.219 0.504-0.328 0.793-0.328s0.574 0.109 0.793 0.328 0.328 0.504 0.328 0.793-0.109 0.574-0.328 0.793l-12.304 12.304-2.115 0.529 0.529-2.115z"></path>
225
252
  </symbol>
226
- <symbol id="icon-external-link" viewBox="0 0 24 24">
253
+ <symbol id="icon-external-link1" viewBox="0 0 24 24">
227
254
  <path d="M17 13v6c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-11c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-11c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h6c0.552 0 1-0.448 1-1s-0.448-1-1-1h-6c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v11c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h11c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1zM10.707 14.707l9.293-9.293v3.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.136-0.027-0.265-0.076-0.383s-0.121-0.228-0.216-0.323c-0.001-0.001-0.001-0.001-0.002-0.002-0.092-0.092-0.202-0.166-0.323-0.216-0.118-0.049-0.247-0.076-0.383-0.076h-6c-0.552 0-1 0.448-1 1s0.448 1 1 1h3.586l-9.293 9.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z"></path>
228
255
  </symbol>
229
256
  <symbol id="icon-flag" viewBox="0 0 24 24">
@@ -349,6 +376,22 @@
349
376
  <symbol id="icon-zapier" viewBox="0 0 32 32">
350
377
  <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
378
  </symbol>
379
+ <symbol id="icon-users1" viewBox="0 0 36 32">
380
+ <path d="M24 24.082v-1.649c2.203-1.241 4-4.337 4-7.432 0-4.971 0-9-6-9s-6 4.029-6 9c0 3.096 1.797 6.191 4 7.432v1.649c-6.784 0.555-12 3.888-12 7.918h28c0-4.030-5.216-7.364-12-7.918z"></path>
381
+ <path d="M10.225 24.854c1.728-1.13 3.877-1.989 6.243-2.513-0.47-0.556-0.897-1.176-1.265-1.844-0.95-1.726-1.453-3.627-1.453-5.497 0-2.689 0-5.228 0.956-7.305 0.928-2.016 2.598-3.265 4.976-3.734-0.529-2.39-1.936-3.961-5.682-3.961-6 0-6 4.029-6 9 0 3.096 1.797 6.191 4 7.432v1.649c-6.784 0.555-12 3.888-12 7.918h8.719c0.454-0.403 0.956-0.787 1.506-1.146z"></path>
382
+ </symbol>
383
+ <symbol id="icon-lock2" viewBox="0 0 32 32">
384
+ <path d="M26 14h-2v-6c0-4.418-3.582-8-8-8s-8 3.582-8 8v6h-2c-1.1 0-2 0.9-2 2v14c0 1.1 0.9 2 2 2h20c1.1 0 2-0.9 2-2v-14c0-1.1-0.9-2-2-2zM16 26c-1.105 0-2-0.895-2-2s0.895-2 2-2 2 0.895 2 2-0.895 2-2 2zM20 14h-8v-6c0-2.206 1.794-4 4-4s4 1.794 4 4v6z"></path>
385
+ </symbol>
386
+ <symbol id="icon-atom" viewBox="0 0 32 32">
387
+ <path d="M25.998 6.46v0 0zM26.064 16c3.262-3.119 4.846-6.174 3.792-8-0.602-1.042-1.98-1.54-3.859-1.54v1.5c1.317 0 2.274 0.296 2.56 0.79 0.226 0.391 0.1 0.992-0.045 1.427-0.278 0.835-0.884 1.833-1.751 2.888-0.526 0.64-1.133 1.285-1.809 1.926-0.93-0.803-1.965-1.602-3.087-2.377-0.11-1.359-0.284-2.654-0.514-3.86 1.756-0.521 3.35-0.794 4.646-0.794l0.001-1.5c-0 0-0.001 0-0.001 0-1.412 0-3.106 0.282-4.965 0.825-1.070-4.385-2.924-7.285-5.032-7.285s-3.962 2.9-5.032 7.284c-1.859-0.543-3.553-0.825-4.965-0.825-1.879 0-3.258 0.498-3.86 1.541-1.054 1.826 0.53 4.881 3.792 8-3.262 3.119-4.846 6.174-3.792 8 0.602 1.043 1.98 1.54 3.86 1.54 1.412 0 3.106-0.282 4.965-0.825 1.070 4.385 2.924 7.285 5.032 7.285s3.962-2.9 5.032-7.284c1.859 0.543 3.553 0.825 4.965 0.825 1.879 0 3.258-0.498 3.86-1.541 1.054-1.826-0.53-4.881-3.792-8zM23.829 16c-0.582 0.496-1.202 0.987-1.855 1.468 0.017-0.484 0.025-0.973 0.025-1.468s-0.009-0.985-0.025-1.468c0.653 0.481 1.273 0.972 1.855 1.468zM19.915 22.777c-0.72-0.256-1.455-0.547-2.196-0.871 0.426-0.227 0.853-0.463 1.28-0.71 0.429-0.248 0.848-0.5 1.259-0.756-0.090 0.805-0.205 1.586-0.344 2.337zM18.25 19.897c-0.743 0.429-1.496 0.832-2.25 1.207-0.754-0.374-1.507-0.778-2.25-1.207-0.749-0.433-1.475-0.882-2.172-1.344-0.052-0.835-0.078-1.688-0.078-2.553s0.027-1.718 0.078-2.553c0.697-0.462 1.423-0.912 2.172-1.344 0.743-0.429 1.496-0.832 2.25-1.207 0.754 0.374 1.507 0.778 2.25 1.207 0.749 0.433 1.475 0.882 2.172 1.344 0.052 0.835 0.078 1.688 0.078 2.553s-0.027 1.718-0.078 2.553c-0.697 0.462-1.423 0.912-2.172 1.344zM11.741 20.44c0.411 0.256 0.83 0.509 1.259 0.756 0.428 0.247 0.855 0.483 1.28 0.71-0.741 0.323-1.475 0.615-2.196 0.871-0.138-0.751-0.254-1.532-0.344-2.337zM10.025 17.468c-0.653-0.481-1.273-0.972-1.855-1.468 0.582-0.496 1.202-0.987 1.855-1.468-0.017 0.484-0.025 0.973-0.025 1.468s0.009 0.985 0.025 1.468zM12.085 9.223c0.72 0.256 1.455 0.547 2.196 0.871-0.426 0.227-0.853 0.463-1.28 0.71-0.429 0.248-0.848 0.5-1.259 0.756 0.090-0.805 0.205-1.586 0.344-2.337zM19 10.804c-0.427-0.247-0.855-0.483-1.28-0.71 0.741-0.323 1.475-0.615 2.196-0.871 0.138 0.751 0.253 1.532 0.344 2.337-0.411-0.256-0.83-0.509-1.259-0.756zM13.162 5.213c0.479-1.278 1.041-2.302 1.625-2.961 0.304-0.343 0.762-0.752 1.213-0.752s0.909 0.409 1.213 0.752c0.584 0.658 1.146 1.682 1.625 2.961 0.291 0.776 0.546 1.624 0.764 2.53-1.161 0.404-2.37 0.901-3.602 1.485-1.232-0.585-2.442-1.082-3.602-1.486 0.218-0.905 0.473-1.754 0.764-2.53zM5.239 13.064c-0.867-1.054-1.473-2.053-1.751-2.888-0.145-0.435-0.271-1.036-0.045-1.427 0.286-0.495 1.243-0.79 2.561-0.79h0c1.297 0 2.89 0.274 4.646 0.794-0.23 1.206-0.404 2.501-0.514 3.86-1.123 0.775-2.157 1.574-3.088 2.377-0.675-0.641-1.282-1.286-1.809-1.926zM6.003 24.040c-1.318 0-2.275-0.296-2.561-0.79-0.226-0.391-0.1-0.992 0.045-1.427 0.278-0.835 0.884-1.833 1.751-2.888 0.527-0.64 1.133-1.285 1.809-1.926 0.93 0.803 1.965 1.602 3.087 2.377 0.11 1.359 0.284 2.654 0.514 3.86-1.756 0.521-3.349 0.794-4.646 0.794zM18.838 26.787c-0.479 1.278-1.041 2.302-1.625 2.961-0.304 0.343-0.762 0.752-1.213 0.752s-0.909-0.409-1.213-0.752c-0.584-0.658-1.146-1.682-1.625-2.96-0.291-0.776-0.546-1.624-0.764-2.53 1.161-0.404 2.37-0.901 3.602-1.485 1.232 0.585 2.442 1.082 3.602 1.486-0.218 0.905-0.473 1.754-0.764 2.53zM28.512 21.823c0.145 0.435 0.271 1.036 0.045 1.427-0.286 0.495-1.243 0.791-2.561 0.791-1.297 0-2.89-0.273-4.646-0.794 0.23-1.206 0.404-2.501 0.514-3.86 1.122-0.775 2.157-1.574 3.087-2.377 0.675 0.641 1.282 1.286 1.809 1.926 0.867 1.054 1.473 2.053 1.751 2.888z"></path>
388
+ </symbol>
389
+ <symbol id="icon-paperplane" viewBox="0 0 32 32">
390
+ <path d="M14 22l12.301 4.39 5.699-24.917zM10 20.622l22-19.149-32 15.827zM14 24.124v7.876l5.805-5.805z"></path>
391
+ </symbol>
392
+ <symbol id="icon-cancel" viewBox="0 0 32 32">
393
+ <path d="M23 0h-14l-9 9v14l9 9h14l9-9v-14l-9-9zM25 22l-3 3-6-6-6 6-3-3 6-6-6-6 3-3 6 6 6-6 3 3-6 6 6 6z"></path>
394
+ </symbol>
352
395
  <symbol id="icon-channel" viewBox="0 0 16 16">
353
396
  <path d="M0 11l5-8 5 5 6-4-5 9-5-5z"></path>
354
397
  </symbol>
@@ -509,563 +552,611 @@
509
552
  </div>
510
553
  </header>
511
554
  <div class="clearfix mhl ptl">
512
- <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
555
+ <h1 class="mvm mtn fgc1">Grid Size: 20</h1>
513
556
  <div class="glyph fs1">
557
+ <div class="clearfix pbs">
558
+ <svg class="icon icon-language"><use xlink:href="#icon-language"></use></svg><span class="name"> icon-language</span>
559
+ </div>
560
+ </div>
561
+ </div>
562
+ <div class="clearfix mhl ptl">
563
+ <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
564
+ <div class="glyph fs2">
565
+ <div class="clearfix pbs">
566
+ <svg class="icon icon-bookmark-filled"><use xlink:href="#icon-bookmark-filled"></use></svg><span class="name"> icon-bookmark-filled</span>
567
+ </div>
568
+ </div>
569
+ <div class="glyph fs2">
570
+ <div class="clearfix pbs">
571
+ <svg class="icon icon-bookmark"><use xlink:href="#icon-bookmark"></use></svg><span class="name"> icon-bookmark</span>
572
+ </div>
573
+ </div>
574
+ <div class="glyph fs2">
575
+ <div class="clearfix pbs">
576
+ <svg class="icon icon-calendar"><use xlink:href="#icon-calendar"></use></svg><span class="name"> icon-calendar</span>
577
+ </div>
578
+ </div>
579
+ <div class="glyph fs2">
580
+ <div class="clearfix pbs">
581
+ <svg class="icon icon-corner-down-left"><use xlink:href="#icon-corner-down-left"></use></svg><span class="name"> icon-corner-down-left</span>
582
+ </div>
583
+ </div>
584
+ <div class="glyph fs2">
585
+ <div class="clearfix pbs">
586
+ <svg class="icon icon-external-link"><use xlink:href="#icon-external-link"></use></svg><span class="name"> icon-external-link</span>
587
+ </div>
588
+ </div>
589
+ <div class="glyph fs2">
590
+ <div class="clearfix pbs">
591
+ <svg class="icon icon-globe"><use xlink:href="#icon-globe"></use></svg><span class="name"> icon-globe</span>
592
+ </div>
593
+ </div>
594
+ <div class="glyph fs2">
595
+ <div class="clearfix pbs">
596
+ <svg class="icon icon-more-horizontal"><use xlink:href="#icon-more-horizontal"></use></svg><span class="name"> icon-more-horizontal</span>
597
+ </div>
598
+ </div>
599
+ <div class="glyph fs2">
600
+ <div class="clearfix pbs">
601
+ <svg class="icon icon-refresh-cw"><use xlink:href="#icon-refresh-cw"></use></svg><span class="name"> icon-refresh-cw</span>
602
+ </div>
603
+ </div>
604
+ <div class="glyph fs2">
605
+ <div class="clearfix pbs">
606
+ <svg class="icon icon-search"><use xlink:href="#icon-search"></use></svg><span class="name"> icon-search</span>
607
+ </div>
608
+ </div>
609
+ <div class="glyph fs2">
514
610
  <div class="clearfix pbs">
515
611
  <svg class="icon icon-pause"><use xlink:href="#icon-pause"></use></svg><span class="name"> icon-pause</span>
516
612
  </div>
517
613
  </div>
518
- <div class="glyph fs1">
614
+ <div class="glyph fs2">
519
615
  <div class="clearfix pbs">
520
616
  <svg class="icon icon-play"><use xlink:href="#icon-play"></use></svg><span class="name"> icon-play</span>
521
617
  </div>
522
618
  </div>
523
- <div class="glyph fs1">
619
+ <div class="glyph fs2">
524
620
  <div class="clearfix pbs">
525
621
  <svg class="icon icon-user-x"><use xlink:href="#icon-user-x"></use></svg><span class="name"> icon-user-x</span>
526
622
  </div>
527
623
  </div>
528
- <div class="glyph fs1">
624
+ <div class="glyph fs2">
529
625
  <div class="clearfix pbs">
530
626
  <svg class="icon icon-cloud"><use xlink:href="#icon-cloud"></use></svg><span class="name"> icon-cloud</span>
531
627
  </div>
532
628
  </div>
533
- <div class="glyph fs1">
629
+ <div class="glyph fs2">
534
630
  <div class="clearfix pbs">
535
631
  <svg class="icon icon-codepen"><use xlink:href="#icon-codepen"></use></svg><span class="name"> icon-codepen</span>
536
632
  </div>
537
633
  </div>
538
- <div class="glyph fs1">
634
+ <div class="glyph fs2">
539
635
  <div class="clearfix pbs">
540
636
  <svg class="icon icon-codesandbox"><use xlink:href="#icon-codesandbox"></use></svg><span class="name"> icon-codesandbox</span>
541
637
  </div>
542
638
  </div>
543
- <div class="glyph fs1">
639
+ <div class="glyph fs2">
544
640
  <div class="clearfix pbs">
545
641
  <svg class="icon icon-git-pull-request"><use xlink:href="#icon-git-pull-request"></use></svg><span class="name"> icon-git-pull-request</span>
546
642
  </div>
547
643
  </div>
548
- <div class="glyph fs1">
644
+ <div class="glyph fs2">
549
645
  <div class="clearfix pbs">
550
646
  <svg class="icon icon-grid"><use xlink:href="#icon-grid"></use></svg><span class="name"> icon-grid</span>
551
647
  </div>
552
648
  </div>
553
- <div class="glyph fs1">
649
+ <div class="glyph fs2">
554
650
  <div class="clearfix pbs">
555
651
  <svg class="icon icon-hard-drive"><use xlink:href="#icon-hard-drive"></use></svg><span class="name"> icon-hard-drive</span>
556
652
  </div>
557
653
  </div>
558
- <div class="glyph fs1">
654
+ <div class="glyph fs2">
559
655
  <div class="clearfix pbs">
560
656
  <svg class="icon icon-layout"><use xlink:href="#icon-layout"></use></svg><span class="name"> icon-layout</span>
561
657
  </div>
562
658
  </div>
563
- <div class="glyph fs1">
659
+ <div class="glyph fs2">
564
660
  <div class="clearfix pbs">
565
661
  <svg class="icon icon-list"><use xlink:href="#icon-list"></use></svg><span class="name"> icon-list</span>
566
662
  </div>
567
663
  </div>
568
- <div class="glyph fs1">
664
+ <div class="glyph fs2">
569
665
  <div class="clearfix pbs">
570
666
  <svg class="icon icon-map-pin"><use xlink:href="#icon-map-pin"></use></svg><span class="name"> icon-map-pin</span>
571
667
  </div>
572
668
  </div>
573
- <div class="glyph fs1">
669
+ <div class="glyph fs2">
574
670
  <div class="clearfix pbs">
575
671
  <svg class="icon icon-package"><use xlink:href="#icon-package"></use></svg><span class="name"> icon-package</span>
576
672
  </div>
577
673
  </div>
578
- <div class="glyph fs1">
674
+ <div class="glyph fs2">
579
675
  <div class="clearfix pbs">
580
676
  <svg class="icon icon-bell"><use xlink:href="#icon-bell"></use></svg><span class="name"> icon-bell</span>
581
677
  </div>
582
678
  </div>
583
- <div class="glyph fs1">
679
+ <div class="glyph fs2">
584
680
  <div class="clearfix pbs">
585
681
  <svg class="icon icon-book-open"><use xlink:href="#icon-book-open"></use></svg><span class="name"> icon-book-open</span>
586
682
  </div>
587
683
  </div>
588
- <div class="glyph fs1">
684
+ <div class="glyph fs2">
589
685
  <div class="clearfix pbs">
590
686
  <svg class="icon icon-box"><use xlink:href="#icon-box"></use></svg><span class="name"> icon-box</span>
591
687
  </div>
592
688
  </div>
593
- <div class="glyph fs1">
689
+ <div class="glyph fs2">
594
690
  <div class="clearfix pbs">
595
691
  <svg class="icon icon-menu"><use xlink:href="#icon-menu"></use></svg><span class="name"> icon-menu</span>
596
692
  </div>
597
693
  </div>
598
- <div class="glyph fs1">
694
+ <div class="glyph fs2">
599
695
  <div class="clearfix pbs">
600
696
  <svg class="icon icon-plus"><use xlink:href="#icon-plus"></use></svg><span class="name"> icon-plus</span>
601
697
  </div>
602
698
  </div>
603
- <div class="glyph fs1">
699
+ <div class="glyph fs2">
604
700
  <div class="clearfix pbs">
605
701
  <svg class="icon icon-agent"><use xlink:href="#icon-agent"></use></svg><span class="name"> icon-agent</span>
606
702
  </div>
607
703
  </div>
608
- <div class="glyph fs1">
704
+ <div class="glyph fs2">
609
705
  <div class="clearfix pbs">
610
706
  <svg class="icon icon-arrow-down-circle"><use xlink:href="#icon-arrow-down-circle"></use></svg><span class="name"> icon-arrow-down-circle</span>
611
707
  </div>
612
708
  </div>
613
- <div class="glyph fs1">
709
+ <div class="glyph fs2">
614
710
  <div class="clearfix pbs">
615
711
  <svg class="icon icon-arrow-up-circle"><use xlink:href="#icon-arrow-up-circle"></use></svg><span class="name"> icon-arrow-up-circle</span>
616
712
  </div>
617
713
  </div>
618
- <div class="glyph fs1">
619
- <div class="clearfix pbs">
620
- <svg class="icon icon-bookmark"><use xlink:href="#icon-bookmark"></use></svg><span class="name"> icon-bookmark</span>
621
- </div>
622
- </div>
623
- <div class="glyph fs1">
714
+ <div class="glyph fs2">
624
715
  <div class="clearfix pbs">
625
716
  <svg class="icon icon-database"><use xlink:href="#icon-database"></use></svg><span class="name"> icon-database</span>
626
717
  </div>
627
718
  </div>
628
- <div class="glyph fs1">
719
+ <div class="glyph fs2">
629
720
  <div class="clearfix pbs">
630
721
  <svg class="icon icon-download"><use xlink:href="#icon-download"></use></svg><span class="name"> icon-download</span>
631
722
  </div>
632
723
  </div>
633
- <div class="glyph fs1">
724
+ <div class="glyph fs2">
634
725
  <div class="clearfix pbs">
635
726
  <svg class="icon icon-help-circle"><use xlink:href="#icon-help-circle"></use></svg><span class="name"> icon-help-circle</span>
636
727
  </div>
637
728
  </div>
638
- <div class="glyph fs1">
729
+ <div class="glyph fs2">
639
730
  <div class="clearfix pbs">
640
731
  <svg class="icon icon-life-buoy"><use xlink:href="#icon-life-buoy"></use></svg><span class="name"> icon-life-buoy</span>
641
732
  </div>
642
733
  </div>
643
- <div class="glyph fs1">
734
+ <div class="glyph fs2">
644
735
  <div class="clearfix pbs">
645
736
  <svg class="icon icon-log-out"><use xlink:href="#icon-log-out"></use></svg><span class="name"> icon-log-out</span>
646
737
  </div>
647
738
  </div>
648
- <div class="glyph fs1">
739
+ <div class="glyph fs2">
649
740
  <div class="clearfix pbs">
650
741
  <svg class="icon icon-more-vertical"><use xlink:href="#icon-more-vertical"></use></svg><span class="name"> icon-more-vertical</span>
651
742
  </div>
652
743
  </div>
653
- <div class="glyph fs1">
744
+ <div class="glyph fs2">
654
745
  <div class="clearfix pbs">
655
746
  <svg class="icon icon-star"><use xlink:href="#icon-star"></use></svg><span class="name"> icon-star</span>
656
747
  </div>
657
748
  </div>
658
- <div class="glyph fs1">
749
+ <div class="glyph fs2">
659
750
  <div class="clearfix pbs">
660
751
  <svg class="icon icon-upload"><use xlink:href="#icon-upload"></use></svg><span class="name"> icon-upload</span>
661
752
  </div>
662
753
  </div>
663
- <div class="glyph fs1">
754
+ <div class="glyph fs2">
664
755
  <div class="clearfix pbs">
665
756
  <svg class="icon icon-publish"><use xlink:href="#icon-publish"></use></svg><span class="name"> icon-publish</span>
666
757
  </div>
667
758
  </div>
668
- <div class="glyph fs1">
759
+ <div class="glyph fs2">
669
760
  <div class="clearfix pbs">
670
761
  <svg class="icon icon-coffee"><use xlink:href="#icon-coffee"></use></svg><span class="name"> icon-coffee</span>
671
762
  </div>
672
763
  </div>
673
- <div class="glyph fs1">
764
+ <div class="glyph fs2">
674
765
  <div class="clearfix pbs">
675
766
  <svg class="icon icon-frown"><use xlink:href="#icon-frown"></use></svg><span class="name"> icon-frown</span>
676
767
  </div>
677
768
  </div>
678
- <div class="glyph fs1">
769
+ <div class="glyph fs2">
679
770
  <div class="clearfix pbs">
680
771
  <svg class="icon icon-mail"><use xlink:href="#icon-mail"></use></svg><span class="name"> icon-mail</span>
681
772
  </div>
682
773
  </div>
683
- <div class="glyph fs1">
774
+ <div class="glyph fs2">
684
775
  <div class="clearfix pbs">
685
776
  <svg class="icon icon-meh"><use xlink:href="#icon-meh"></use></svg><span class="name"> icon-meh</span>
686
777
  </div>
687
778
  </div>
688
- <div class="glyph fs1">
779
+ <div class="glyph fs2">
689
780
  <div class="clearfix pbs">
690
781
  <svg class="icon icon-dollar-sign"><use xlink:href="#icon-dollar-sign"></use></svg><span class="name"> icon-dollar-sign</span>
691
782
  </div>
692
783
  </div>
693
- <div class="glyph fs1">
784
+ <div class="glyph fs2">
694
785
  <div class="clearfix pbs">
695
786
  <svg class="icon icon-log"><use xlink:href="#icon-log"></use></svg><span class="name"> icon-log</span>
696
787
  </div>
697
788
  </div>
698
- <div class="glyph fs1">
789
+ <div class="glyph fs2">
699
790
  <div class="clearfix pbs">
700
791
  <svg class="icon icon-campaign"><use xlink:href="#icon-campaign"></use></svg><span class="name"> icon-campaign</span>
701
792
  </div>
702
793
  </div>
703
- <div class="glyph fs1">
794
+ <div class="glyph fs2">
704
795
  <div class="clearfix pbs">
705
796
  <svg class="icon icon-contact"><use xlink:href="#icon-contact"></use></svg><span class="name"> icon-contact</span>
706
797
  </div>
707
798
  </div>
708
- <div class="glyph fs1">
799
+ <div class="glyph fs2">
709
800
  <div class="clearfix pbs">
710
801
  <svg class="icon icon-flow"><use xlink:href="#icon-flow"></use></svg><span class="name"> icon-flow</span>
711
802
  </div>
712
803
  </div>
713
- <div class="glyph fs1">
804
+ <div class="glyph fs2">
714
805
  <div class="clearfix pbs">
715
806
  <svg class="icon icon-activity"><use xlink:href="#icon-activity"></use></svg><span class="name"> icon-activity</span>
716
807
  </div>
717
808
  </div>
718
- <div class="glyph fs1">
809
+ <div class="glyph fs2">
719
810
  <div class="clearfix pbs">
720
811
  <svg class="icon icon-alert-circle"><use xlink:href="#icon-alert-circle"></use></svg><span class="name"> icon-alert-circle</span>
721
812
  </div>
722
813
  </div>
723
- <div class="glyph fs1">
814
+ <div class="glyph fs2">
724
815
  <div class="clearfix pbs">
725
816
  <svg class="icon icon-alert-octagon"><use xlink:href="#icon-alert-octagon"></use></svg><span class="name"> icon-alert-octagon</span>
726
817
  </div>
727
818
  </div>
728
- <div class="glyph fs1">
819
+ <div class="glyph fs2">
729
820
  <div class="clearfix pbs">
730
821
  <svg class="icon icon-alert-triangle"><use xlink:href="#icon-alert-triangle"></use></svg><span class="name"> icon-alert-triangle</span>
731
822
  </div>
732
823
  </div>
733
- <div class="glyph fs1">
824
+ <div class="glyph fs2">
734
825
  <div class="clearfix pbs">
735
826
  <svg class="icon icon-archive"><use xlink:href="#icon-archive"></use></svg><span class="name"> icon-archive</span>
736
827
  </div>
737
828
  </div>
738
- <div class="glyph fs1">
829
+ <div class="glyph fs2">
739
830
  <div class="clearfix pbs">
740
831
  <svg class="icon icon-battery"><use xlink:href="#icon-battery"></use></svg><span class="name"> icon-battery</span>
741
832
  </div>
742
833
  </div>
743
- <div class="glyph fs1">
834
+ <div class="glyph fs2">
744
835
  <div class="clearfix pbs">
745
836
  <svg class="icon icon-battery-charging"><use xlink:href="#icon-battery-charging"></use></svg><span class="name"> icon-battery-charging</span>
746
837
  </div>
747
838
  </div>
748
- <div class="glyph fs1">
839
+ <div class="glyph fs2">
749
840
  <div class="clearfix pbs">
750
841
  <svg class="icon icon-book"><use xlink:href="#icon-book"></use></svg><span class="name"> icon-book</span>
751
842
  </div>
752
843
  </div>
753
- <div class="glyph fs1">
844
+ <div class="glyph fs2">
754
845
  <div class="clearfix pbs">
755
846
  <svg class="icon icon-briefcase"><use xlink:href="#icon-briefcase"></use></svg><span class="name"> icon-briefcase</span>
756
847
  </div>
757
848
  </div>
758
- <div class="glyph fs1">
849
+ <div class="glyph fs2">
759
850
  <div class="clearfix pbs">
760
- <svg class="icon icon-calendar"><use xlink:href="#icon-calendar"></use></svg><span class="name"> icon-calendar</span>
851
+ <svg class="icon icon-calendar1"><use xlink:href="#icon-calendar1"></use></svg><span class="name"> icon-calendar1</span>
761
852
  </div>
762
853
  </div>
763
- <div class="glyph fs1">
854
+ <div class="glyph fs2">
764
855
  <div class="clearfix pbs">
765
856
  <svg class="icon icon-camera"><use xlink:href="#icon-camera"></use></svg><span class="name"> icon-camera</span>
766
857
  </div>
767
858
  </div>
768
- <div class="glyph fs1">
859
+ <div class="glyph fs2">
769
860
  <div class="clearfix pbs">
770
861
  <svg class="icon icon-check"><use xlink:href="#icon-check"></use></svg><span class="name"> icon-check</span>
771
862
  </div>
772
863
  </div>
773
- <div class="glyph fs1">
864
+ <div class="glyph fs2">
774
865
  <div class="clearfix pbs">
775
866
  <svg class="icon icon-check-square"><use xlink:href="#icon-check-square"></use></svg><span class="name"> icon-check-square</span>
776
867
  </div>
777
868
  </div>
778
- <div class="glyph fs1">
869
+ <div class="glyph fs2">
779
870
  <div class="clearfix pbs">
780
871
  <svg class="icon icon-chevron-down"><use xlink:href="#icon-chevron-down"></use></svg><span class="name"> icon-chevron-down</span>
781
872
  </div>
782
873
  </div>
783
- <div class="glyph fs1">
874
+ <div class="glyph fs2">
784
875
  <div class="clearfix pbs">
785
876
  <svg class="icon icon-chevron-left"><use xlink:href="#icon-chevron-left"></use></svg><span class="name"> icon-chevron-left</span>
786
877
  </div>
787
878
  </div>
788
- <div class="glyph fs1">
879
+ <div class="glyph fs2">
789
880
  <div class="clearfix pbs">
790
881
  <svg class="icon icon-chevron-right"><use xlink:href="#icon-chevron-right"></use></svg><span class="name"> icon-chevron-right</span>
791
882
  </div>
792
883
  </div>
793
- <div class="glyph fs1">
884
+ <div class="glyph fs2">
794
885
  <div class="clearfix pbs">
795
886
  <svg class="icon icon-chevron-up"><use xlink:href="#icon-chevron-up"></use></svg><span class="name"> icon-chevron-up</span>
796
887
  </div>
797
888
  </div>
798
- <div class="glyph fs1">
889
+ <div class="glyph fs2">
799
890
  <div class="clearfix pbs">
800
891
  <svg class="icon icon-chevrons-down"><use xlink:href="#icon-chevrons-down"></use></svg><span class="name"> icon-chevrons-down</span>
801
892
  </div>
802
893
  </div>
803
- <div class="glyph fs1">
894
+ <div class="glyph fs2">
804
895
  <div class="clearfix pbs">
805
896
  <svg class="icon icon-chevrons-left"><use xlink:href="#icon-chevrons-left"></use></svg><span class="name"> icon-chevrons-left</span>
806
897
  </div>
807
898
  </div>
808
- <div class="glyph fs1">
899
+ <div class="glyph fs2">
809
900
  <div class="clearfix pbs">
810
901
  <svg class="icon icon-chevrons-right"><use xlink:href="#icon-chevrons-right"></use></svg><span class="name"> icon-chevrons-right</span>
811
902
  </div>
812
903
  </div>
813
- <div class="glyph fs1">
904
+ <div class="glyph fs2">
814
905
  <div class="clearfix pbs">
815
906
  <svg class="icon icon-chevrons-up"><use xlink:href="#icon-chevrons-up"></use></svg><span class="name"> icon-chevrons-up</span>
816
907
  </div>
817
908
  </div>
818
- <div class="glyph fs1">
909
+ <div class="glyph fs2">
819
910
  <div class="clearfix pbs">
820
911
  <svg class="icon icon-circle"><use xlink:href="#icon-circle"></use></svg><span class="name"> icon-circle</span>
821
912
  </div>
822
913
  </div>
823
- <div class="glyph fs1">
914
+ <div class="glyph fs2">
824
915
  <div class="clearfix pbs">
825
916
  <svg class="icon icon-clipboard"><use xlink:href="#icon-clipboard"></use></svg><span class="name"> icon-clipboard</span>
826
917
  </div>
827
918
  </div>
828
- <div class="glyph fs1">
919
+ <div class="glyph fs2">
829
920
  <div class="clearfix pbs">
830
921
  <svg class="icon icon-clock"><use xlink:href="#icon-clock"></use></svg><span class="name"> icon-clock</span>
831
922
  </div>
832
923
  </div>
833
- <div class="glyph fs1">
924
+ <div class="glyph fs2">
834
925
  <div class="clearfix pbs">
835
926
  <svg class="icon icon-cloud1"><use xlink:href="#icon-cloud1"></use></svg><span class="name"> icon-cloud1</span>
836
927
  </div>
837
928
  </div>
838
- <div class="glyph fs1">
929
+ <div class="glyph fs2">
839
930
  <div class="clearfix pbs">
840
931
  <svg class="icon icon-code"><use xlink:href="#icon-code"></use></svg><span class="name"> icon-code</span>
841
932
  </div>
842
933
  </div>
843
- <div class="glyph fs1">
934
+ <div class="glyph fs2">
844
935
  <div class="clearfix pbs">
845
936
  <svg class="icon icon-copy"><use xlink:href="#icon-copy"></use></svg><span class="name"> icon-copy</span>
846
937
  </div>
847
938
  </div>
848
- <div class="glyph fs1">
939
+ <div class="glyph fs2">
849
940
  <div class="clearfix pbs">
850
941
  <svg class="icon icon-credit-card"><use xlink:href="#icon-credit-card"></use></svg><span class="name"> icon-credit-card</span>
851
942
  </div>
852
943
  </div>
853
- <div class="glyph fs1">
944
+ <div class="glyph fs2">
854
945
  <div class="clearfix pbs">
855
946
  <svg class="icon icon-disc"><use xlink:href="#icon-disc"></use></svg><span class="name"> icon-disc</span>
856
947
  </div>
857
948
  </div>
858
- <div class="glyph fs1">
949
+ <div class="glyph fs2">
859
950
  <div class="clearfix pbs">
860
951
  <svg class="icon icon-edit"><use xlink:href="#icon-edit"></use></svg><span class="name"> icon-edit</span>
861
952
  </div>
862
953
  </div>
863
- <div class="glyph fs1">
954
+ <div class="glyph fs2">
864
955
  <div class="clearfix pbs">
865
956
  <svg class="icon icon-edit-3"><use xlink:href="#icon-edit-3"></use></svg><span class="name"> icon-edit-3</span>
866
957
  </div>
867
958
  </div>
868
- <div class="glyph fs1">
959
+ <div class="glyph fs2">
869
960
  <div class="clearfix pbs">
870
- <svg class="icon icon-external-link"><use xlink:href="#icon-external-link"></use></svg><span class="name"> icon-external-link</span>
961
+ <svg class="icon icon-external-link1"><use xlink:href="#icon-external-link1"></use></svg><span class="name"> icon-external-link1</span>
871
962
  </div>
872
963
  </div>
873
- <div class="glyph fs1">
964
+ <div class="glyph fs2">
874
965
  <div class="clearfix pbs">
875
966
  <svg class="icon icon-flag"><use xlink:href="#icon-flag"></use></svg><span class="name"> icon-flag</span>
876
967
  </div>
877
968
  </div>
878
- <div class="glyph fs1">
969
+ <div class="glyph fs2">
879
970
  <div class="clearfix pbs">
880
971
  <svg class="icon icon-home"><use xlink:href="#icon-home"></use></svg><span class="name"> icon-home</span>
881
972
  </div>
882
973
  </div>
883
- <div class="glyph fs1">
974
+ <div class="glyph fs2">
884
975
  <div class="clearfix pbs">
885
976
  <svg class="icon icon-image"><use xlink:href="#icon-image"></use></svg><span class="name"> icon-image</span>
886
977
  </div>
887
978
  </div>
888
- <div class="glyph fs1">
979
+ <div class="glyph fs2">
889
980
  <div class="clearfix pbs">
890
981
  <svg class="icon icon-inbox"><use xlink:href="#icon-inbox"></use></svg><span class="name"> icon-inbox</span>
891
982
  </div>
892
983
  </div>
893
- <div class="glyph fs1">
984
+ <div class="glyph fs2">
894
985
  <div class="clearfix pbs">
895
986
  <svg class="icon icon-info"><use xlink:href="#icon-info"></use></svg><span class="name"> icon-info</span>
896
987
  </div>
897
988
  </div>
898
- <div class="glyph fs1">
989
+ <div class="glyph fs2">
899
990
  <div class="clearfix pbs">
900
991
  <svg class="icon icon-layers"><use xlink:href="#icon-layers"></use></svg><span class="name"> icon-layers</span>
901
992
  </div>
902
993
  </div>
903
- <div class="glyph fs1">
994
+ <div class="glyph fs2">
904
995
  <div class="clearfix pbs">
905
996
  <svg class="icon icon-loader"><use xlink:href="#icon-loader"></use></svg><span class="name"> icon-loader</span>
906
997
  </div>
907
998
  </div>
908
- <div class="glyph fs1">
999
+ <div class="glyph fs2">
909
1000
  <div class="clearfix pbs">
910
1001
  <svg class="icon icon-lock"><use xlink:href="#icon-lock"></use></svg><span class="name"> icon-lock</span>
911
1002
  </div>
912
1003
  </div>
913
- <div class="glyph fs1">
1004
+ <div class="glyph fs2">
914
1005
  <div class="clearfix pbs">
915
1006
  <svg class="icon icon-mail1"><use xlink:href="#icon-mail1"></use></svg><span class="name"> icon-mail1</span>
916
1007
  </div>
917
1008
  </div>
918
- <div class="glyph fs1">
1009
+ <div class="glyph fs2">
919
1010
  <div class="clearfix pbs">
920
1011
  <svg class="icon icon-message-square"><use xlink:href="#icon-message-square"></use></svg><span class="name"> icon-message-square</span>
921
1012
  </div>
922
1013
  </div>
923
- <div class="glyph fs1">
1014
+ <div class="glyph fs2">
924
1015
  <div class="clearfix pbs">
925
1016
  <svg class="icon icon-mic"><use xlink:href="#icon-mic"></use></svg><span class="name"> icon-mic</span>
926
1017
  </div>
927
1018
  </div>
928
- <div class="glyph fs1">
1019
+ <div class="glyph fs2">
929
1020
  <div class="clearfix pbs">
930
1021
  <svg class="icon icon-paperclip"><use xlink:href="#icon-paperclip"></use></svg><span class="name"> icon-paperclip</span>
931
1022
  </div>
932
1023
  </div>
933
- <div class="glyph fs1">
1024
+ <div class="glyph fs2">
934
1025
  <div class="clearfix pbs">
935
1026
  <svg class="icon icon-phone"><use xlink:href="#icon-phone"></use></svg><span class="name"> icon-phone</span>
936
1027
  </div>
937
1028
  </div>
938
- <div class="glyph fs1">
1029
+ <div class="glyph fs2">
939
1030
  <div class="clearfix pbs">
940
1031
  <svg class="icon icon-phone-forwarded"><use xlink:href="#icon-phone-forwarded"></use></svg><span class="name"> icon-phone-forwarded</span>
941
1032
  </div>
942
1033
  </div>
943
- <div class="glyph fs1">
1034
+ <div class="glyph fs2">
944
1035
  <div class="clearfix pbs">
945
1036
  <svg class="icon icon-phone-incoming"><use xlink:href="#icon-phone-incoming"></use></svg><span class="name"> icon-phone-incoming</span>
946
1037
  </div>
947
1038
  </div>
948
- <div class="glyph fs1">
1039
+ <div class="glyph fs2">
949
1040
  <div class="clearfix pbs">
950
1041
  <svg class="icon icon-phone-missed"><use xlink:href="#icon-phone-missed"></use></svg><span class="name"> icon-phone-missed</span>
951
1042
  </div>
952
1043
  </div>
953
- <div class="glyph fs1">
1044
+ <div class="glyph fs2">
954
1045
  <div class="clearfix pbs">
955
1046
  <svg class="icon icon-phone-outgoing"><use xlink:href="#icon-phone-outgoing"></use></svg><span class="name"> icon-phone-outgoing</span>
956
1047
  </div>
957
1048
  </div>
958
- <div class="glyph fs1">
1049
+ <div class="glyph fs2">
959
1050
  <div class="clearfix pbs">
960
1051
  <svg class="icon icon-radio"><use xlink:href="#icon-radio"></use></svg><span class="name"> icon-radio</span>
961
1052
  </div>
962
1053
  </div>
963
- <div class="glyph fs1">
1054
+ <div class="glyph fs2">
964
1055
  <div class="clearfix pbs">
965
1056
  <svg class="icon icon-repeat"><use xlink:href="#icon-repeat"></use></svg><span class="name"> icon-repeat</span>
966
1057
  </div>
967
1058
  </div>
968
- <div class="glyph fs1">
1059
+ <div class="glyph fs2">
969
1060
  <div class="clearfix pbs">
970
1061
  <svg class="icon icon-send"><use xlink:href="#icon-send"></use></svg><span class="name"> icon-send</span>
971
1062
  </div>
972
1063
  </div>
973
- <div class="glyph fs1">
1064
+ <div class="glyph fs2">
974
1065
  <div class="clearfix pbs">
975
1066
  <svg class="icon icon-settings"><use xlink:href="#icon-settings"></use></svg><span class="name"> icon-settings</span>
976
1067
  </div>
977
1068
  </div>
978
- <div class="glyph fs1">
1069
+ <div class="glyph fs2">
979
1070
  <div class="clearfix pbs">
980
1071
  <svg class="icon icon-shield"><use xlink:href="#icon-shield"></use></svg><span class="name"> icon-shield</span>
981
1072
  </div>
982
1073
  </div>
983
- <div class="glyph fs1">
1074
+ <div class="glyph fs2">
984
1075
  <div class="clearfix pbs">
985
1076
  <svg class="icon icon-shield-off"><use xlink:href="#icon-shield-off"></use></svg><span class="name"> icon-shield-off</span>
986
1077
  </div>
987
1078
  </div>
988
- <div class="glyph fs1">
1079
+ <div class="glyph fs2">
989
1080
  <div class="clearfix pbs">
990
1081
  <svg class="icon icon-sidebar"><use xlink:href="#icon-sidebar"></use></svg><span class="name"> icon-sidebar</span>
991
1082
  </div>
992
1083
  </div>
993
- <div class="glyph fs1">
1084
+ <div class="glyph fs2">
994
1085
  <div class="clearfix pbs">
995
1086
  <svg class="icon icon-slash"><use xlink:href="#icon-slash"></use></svg><span class="name"> icon-slash</span>
996
1087
  </div>
997
1088
  </div>
998
- <div class="glyph fs1">
1089
+ <div class="glyph fs2">
999
1090
  <div class="clearfix pbs">
1000
1091
  <svg class="icon icon-sliders"><use xlink:href="#icon-sliders"></use></svg><span class="name"> icon-sliders</span>
1001
1092
  </div>
1002
1093
  </div>
1003
- <div class="glyph fs1">
1094
+ <div class="glyph fs2">
1004
1095
  <div class="clearfix pbs">
1005
1096
  <svg class="icon icon-smartphone"><use xlink:href="#icon-smartphone"></use></svg><span class="name"> icon-smartphone</span>
1006
1097
  </div>
1007
1098
  </div>
1008
- <div class="glyph fs1">
1099
+ <div class="glyph fs2">
1009
1100
  <div class="clearfix pbs">
1010
1101
  <svg class="icon icon-square"><use xlink:href="#icon-square"></use></svg><span class="name"> icon-square</span>
1011
1102
  </div>
1012
1103
  </div>
1013
- <div class="glyph fs1">
1104
+ <div class="glyph fs2">
1014
1105
  <div class="clearfix pbs">
1015
1106
  <svg class="icon icon-tag"><use xlink:href="#icon-tag"></use></svg><span class="name"> icon-tag</span>
1016
1107
  </div>
1017
1108
  </div>
1018
- <div class="glyph fs1">
1109
+ <div class="glyph fs2">
1019
1110
  <div class="clearfix pbs">
1020
1111
  <svg class="icon icon-tool"><use xlink:href="#icon-tool"></use></svg><span class="name"> icon-tool</span>
1021
1112
  </div>
1022
1113
  </div>
1023
- <div class="glyph fs1">
1114
+ <div class="glyph fs2">
1024
1115
  <div class="clearfix pbs">
1025
1116
  <svg class="icon icon-trash"><use xlink:href="#icon-trash"></use></svg><span class="name"> icon-trash</span>
1026
1117
  </div>
1027
1118
  </div>
1028
- <div class="glyph fs1">
1119
+ <div class="glyph fs2">
1029
1120
  <div class="clearfix pbs">
1030
1121
  <svg class="icon icon-trash-2"><use xlink:href="#icon-trash-2"></use></svg><span class="name"> icon-trash-2</span>
1031
1122
  </div>
1032
1123
  </div>
1033
- <div class="glyph fs1">
1124
+ <div class="glyph fs2">
1034
1125
  <div class="clearfix pbs">
1035
1126
  <svg class="icon icon-user"><use xlink:href="#icon-user"></use></svg><span class="name"> icon-user</span>
1036
1127
  </div>
1037
1128
  </div>
1038
- <div class="glyph fs1">
1129
+ <div class="glyph fs2">
1039
1130
  <div class="clearfix pbs">
1040
1131
  <svg class="icon icon-users"><use xlink:href="#icon-users"></use></svg><span class="name"> icon-users</span>
1041
1132
  </div>
1042
1133
  </div>
1043
- <div class="glyph fs1">
1134
+ <div class="glyph fs2">
1044
1135
  <div class="clearfix pbs">
1045
1136
  <svg class="icon icon-speaker"><use xlink:href="#icon-speaker"></use></svg><span class="name"> icon-speaker</span>
1046
1137
  </div>
1047
1138
  </div>
1048
- <div class="glyph fs1">
1139
+ <div class="glyph fs2">
1049
1140
  <div class="clearfix pbs">
1050
1141
  <svg class="icon icon-x"><use xlink:href="#icon-x"></use></svg><span class="name"> icon-x</span>
1051
1142
  </div>
1052
1143
  </div>
1053
- <div class="glyph fs1">
1144
+ <div class="glyph fs2">
1054
1145
  <div class="clearfix pbs">
1055
1146
  <svg class="icon icon-x-octagon"><use xlink:href="#icon-x-octagon"></use></svg><span class="name"> icon-x-octagon</span>
1056
1147
  </div>
1057
1148
  </div>
1058
- <div class="glyph fs1">
1149
+ <div class="glyph fs2">
1059
1150
  <div class="clearfix pbs">
1060
1151
  <svg class="icon icon-zap"><use xlink:href="#icon-zap"></use></svg><span class="name"> icon-zap</span>
1061
1152
  </div>
1062
1153
  </div>
1063
- <div class="glyph fs1">
1154
+ <div class="glyph fs2">
1064
1155
  <div class="clearfix pbs">
1065
1156
  <svg class="icon icon-contact-cal"><use xlink:href="#icon-contact-cal"></use></svg><span class="name"> icon-contact-cal</span>
1066
1157
  </div>
1067
1158
  </div>
1068
- <div class="glyph fs1">
1159
+ <div class="glyph fs2">
1069
1160
  <div class="clearfix pbs">
1070
1161
  <svg class="icon icon-send-mobile"><use xlink:href="#icon-send-mobile"></use></svg><span class="name"> icon-send-mobile</span>
1071
1162
  </div>
@@ -1073,40 +1164,65 @@
1073
1164
  </div>
1074
1165
  <div class="clearfix mhl ptl">
1075
1166
  <h1 class="mvm mtn fgc1">Grid Size: 0</h1>
1076
- <div class="glyph fs2">
1167
+ <div class="glyph fs3">
1077
1168
  <div class="clearfix pbs">
1078
1169
  <svg class="icon icon-zapier"><use xlink:href="#icon-zapier"></use></svg><span class="name"> icon-zapier</span>
1079
1170
  </div>
1080
1171
  </div>
1172
+ <div class="glyph fs3">
1173
+ <div class="clearfix pbs">
1174
+ <svg class="icon icon-users1"><use xlink:href="#icon-users1"></use></svg><span class="name"> icon-users1</span>
1175
+ </div>
1176
+ </div>
1177
+ <div class="glyph fs3">
1178
+ <div class="clearfix pbs">
1179
+ <svg class="icon icon-lock2"><use xlink:href="#icon-lock2"></use></svg><span class="name"> icon-lock2</span>
1180
+ </div>
1181
+ </div>
1182
+ <div class="glyph fs3">
1183
+ <div class="clearfix pbs">
1184
+ <svg class="icon icon-atom"><use xlink:href="#icon-atom"></use></svg><span class="name"> icon-atom</span>
1185
+ </div>
1186
+ </div>
1187
+ <div class="glyph fs3">
1188
+ <div class="clearfix pbs">
1189
+ <svg class="icon icon-paperplane"><use xlink:href="#icon-paperplane"></use></svg><span class="name"> icon-paperplane</span>
1190
+ </div>
1191
+ </div>
1192
+ <div class="glyph fs3">
1193
+ <div class="clearfix pbs">
1194
+ <svg class="icon icon-cancel"><use xlink:href="#icon-cancel"></use></svg><span class="name"> icon-cancel</span>
1195
+ </div>
1196
+ </div>
1081
1197
  </div>
1082
1198
  <div class="clearfix mhl ptl">
1083
1199
  <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
1084
- <div class="glyph fs3">
1200
+ <div class="glyph fs4">
1085
1201
  <div class="clearfix pbs">
1086
1202
  <svg class="icon icon-channel"><use xlink:href="#icon-channel"></use></svg><span class="name"> icon-channel</span>
1087
1203
  </div>
1088
1204
  </div>
1089
- <div class="glyph fs3">
1205
+ <div class="glyph fs4">
1090
1206
  <div class="clearfix pbs">
1091
1207
  <svg class="icon icon-users1"><use xlink:href="#icon-users1"></use></svg><span class="name"> icon-users1</span>
1092
1208
  </div>
1093
1209
  </div>
1094
- <div class="glyph fs3">
1210
+ <div class="glyph fs4">
1095
1211
  <div class="clearfix pbs">
1096
1212
  <svg class="icon icon-lock2"><use xlink:href="#icon-lock2"></use></svg><span class="name"> icon-lock2</span>
1097
1213
  </div>
1098
1214
  </div>
1099
- <div class="glyph fs3">
1215
+ <div class="glyph fs4">
1100
1216
  <div class="clearfix pbs">
1101
1217
  <svg class="icon icon-atom"><use xlink:href="#icon-atom"></use></svg><span class="name"> icon-atom</span>
1102
1218
  </div>
1103
1219
  </div>
1104
- <div class="glyph fs3">
1220
+ <div class="glyph fs4">
1105
1221
  <div class="clearfix pbs">
1106
1222
  <svg class="icon icon-paperplane"><use xlink:href="#icon-paperplane"></use></svg><span class="name"> icon-paperplane</span>
1107
1223
  </div>
1108
1224
  </div>
1109
- <div class="glyph fs3">
1225
+ <div class="glyph fs4">
1110
1226
  <div class="clearfix pbs">
1111
1227
  <svg class="icon icon-cancel"><use xlink:href="#icon-cancel"></use></svg><span class="name"> icon-cancel</span>
1112
1228
  </div>
@@ -1114,187 +1230,187 @@
1114
1230
  </div>
1115
1231
  <div class="clearfix mhl ptl">
1116
1232
  <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
1117
- <div class="glyph fs4">
1233
+ <div class="glyph fs5">
1118
1234
  <div class="clearfix pbs">
1119
1235
  <svg class="icon icon-cord"><use xlink:href="#icon-cord"></use></svg><span class="name"> icon-cord</span>
1120
1236
  </div>
1121
1237
  </div>
1122
- <div class="glyph fs4">
1238
+ <div class="glyph fs5">
1123
1239
  <div class="clearfix pbs">
1124
1240
  <svg class="icon icon-bothub"><use xlink:href="#icon-bothub"></use></svg><span class="name"> icon-bothub</span>
1125
1241
  </div>
1126
1242
  </div>
1127
- <div class="glyph fs4">
1243
+ <div class="glyph fs5">
1128
1244
  <div class="clearfix pbs">
1129
1245
  <svg class="icon icon-channel-android"><use xlink:href="#icon-channel-android"></use></svg><span class="name"> icon-channel-android</span>
1130
1246
  </div>
1131
1247
  </div>
1132
- <div class="glyph fs4">
1248
+ <div class="glyph fs5">
1133
1249
  <div class="clearfix pbs">
1134
1250
  <svg class="icon icon-channel-kannel"><use xlink:href="#icon-channel-kannel"></use></svg><span class="name"> icon-channel-kannel</span>
1135
1251
  </div>
1136
1252
  </div>
1137
- <div class="glyph fs4">
1253
+ <div class="glyph fs5">
1138
1254
  <div class="clearfix pbs">
1139
1255
  <svg class="icon icon-channel-plivo"><use xlink:href="#icon-channel-plivo"></use></svg><span class="name"> icon-channel-plivo</span>
1140
1256
  </div>
1141
1257
  </div>
1142
- <div class="glyph fs4">
1258
+ <div class="glyph fs5">
1143
1259
  <div class="clearfix pbs">
1144
1260
  <svg class="icon icon-channel-twilio"><use xlink:href="#icon-channel-twilio"></use></svg><span class="name"> icon-channel-twilio</span>
1145
1261
  </div>
1146
1262
  </div>
1147
- <div class="glyph fs4">
1263
+ <div class="glyph fs5">
1148
1264
  <div class="clearfix pbs">
1149
1265
  <svg class="icon icon-chatbase"><use xlink:href="#icon-chatbase"></use></svg><span class="name"> icon-chatbase</span>
1150
1266
  </div>
1151
1267
  </div>
1152
- <div class="glyph fs4">
1268
+ <div class="glyph fs5">
1153
1269
  <div class="clearfix pbs">
1154
1270
  <svg class="icon icon-clickatell"><use xlink:href="#icon-clickatell"></use></svg><span class="name"> icon-clickatell</span>
1155
1271
  </div>
1156
1272
  </div>
1157
- <div class="glyph fs4">
1273
+ <div class="glyph fs5">
1158
1274
  <div class="clearfix pbs">
1159
1275
  <svg class="icon icon-clickatell-inverted"><use xlink:href="#icon-clickatell-inverted"></use></svg><span class="name"> icon-clickatell-inverted</span>
1160
1276
  </div>
1161
1277
  </div>
1162
- <div class="glyph fs4">
1278
+ <div class="glyph fs5">
1163
1279
  <div class="clearfix pbs">
1164
1280
  <svg class="icon icon-dtone"><use xlink:href="#icon-dtone"></use></svg><span class="name"> icon-dtone</span>
1165
1281
  </div>
1166
1282
  </div>
1167
- <div class="glyph fs4">
1283
+ <div class="glyph fs5">
1168
1284
  <div class="clearfix pbs">
1169
1285
  <svg class="icon icon-facebook-official"><use xlink:href="#icon-facebook-official"></use></svg><span class="name"> icon-facebook-official</span>
1170
1286
  </div>
1171
1287
  </div>
1172
- <div class="glyph fs4">
1288
+ <div class="glyph fs5">
1173
1289
  <div class="clearfix pbs">
1174
1290
  <svg class="icon icon-freshchat"><use xlink:href="#icon-freshchat"></use></svg><span class="name"> icon-freshchat</span>
1175
1291
  </div>
1176
1292
  </div>
1177
- <div class="glyph fs4">
1293
+ <div class="glyph fs5">
1178
1294
  <div class="clearfix pbs">
1179
1295
  <svg class="icon icon-github"><use xlink:href="#icon-github"></use></svg><span class="name"> icon-github</span>
1180
1296
  </div>
1181
1297
  </div>
1182
- <div class="glyph fs4">
1298
+ <div class="glyph fs5">
1183
1299
  <div class="clearfix pbs">
1184
1300
  <svg class="icon icon-google-plus"><use xlink:href="#icon-google-plus"></use></svg><span class="name"> icon-google-plus</span>
1185
1301
  </div>
1186
1302
  </div>
1187
- <div class="glyph fs4">
1303
+ <div class="glyph fs5">
1188
1304
  <div class="clearfix pbs">
1189
1305
  <svg class="icon icon-jiochat"><use xlink:href="#icon-jiochat"></use></svg><span class="name"> icon-jiochat</span>
1190
1306
  </div>
1191
1307
  </div>
1192
- <div class="glyph fs4">
1308
+ <div class="glyph fs5">
1193
1309
  <div class="clearfix pbs">
1194
1310
  <svg class="icon icon-junebug"><use xlink:href="#icon-junebug"></use></svg><span class="name"> icon-junebug</span>
1195
1311
  </div>
1196
1312
  </div>
1197
- <div class="glyph fs4">
1313
+ <div class="glyph fs5">
1198
1314
  <div class="clearfix pbs">
1199
1315
  <svg class="icon icon-line"><use xlink:href="#icon-line"></use></svg><span class="name"> icon-line</span>
1200
1316
  </div>
1201
1317
  </div>
1202
- <div class="glyph fs4">
1318
+ <div class="glyph fs5">
1203
1319
  <div class="clearfix pbs">
1204
1320
  <svg class="icon icon-luis"><use xlink:href="#icon-luis"></use></svg><span class="name"> icon-luis</span>
1205
1321
  </div>
1206
1322
  </div>
1207
- <div class="glyph fs4">
1323
+ <div class="glyph fs5">
1208
1324
  <div class="clearfix pbs">
1209
1325
  <svg class="icon icon-mtarget"><use xlink:href="#icon-mtarget"></use></svg><span class="name"> icon-mtarget</span>
1210
1326
  </div>
1211
1327
  </div>
1212
- <div class="glyph fs4">
1328
+ <div class="glyph fs5">
1213
1329
  <div class="clearfix pbs">
1214
1330
  <svg class="icon icon-plivo"><use xlink:href="#icon-plivo"></use></svg><span class="name"> icon-plivo</span>
1215
1331
  </div>
1216
1332
  </div>
1217
- <div class="glyph fs4">
1333
+ <div class="glyph fs5">
1218
1334
  <div class="clearfix pbs">
1219
1335
  <svg class="icon icon-plivo-inverted"><use xlink:href="#icon-plivo-inverted"></use></svg><span class="name"> icon-plivo-inverted</span>
1220
1336
  </div>
1221
1337
  </div>
1222
- <div class="glyph fs4">
1338
+ <div class="glyph fs5">
1223
1339
  <div class="clearfix pbs">
1224
1340
  <svg class="icon icon-prometheus"><use xlink:href="#icon-prometheus"></use></svg><span class="name"> icon-prometheus</span>
1225
1341
  </div>
1226
1342
  </div>
1227
- <div class="glyph fs4">
1343
+ <div class="glyph fs5">
1228
1344
  <div class="clearfix pbs">
1229
1345
  <svg class="icon icon-rocketchat"><use xlink:href="#icon-rocketchat"></use></svg><span class="name"> icon-rocketchat</span>
1230
1346
  </div>
1231
1347
  </div>
1232
- <div class="glyph fs4">
1348
+ <div class="glyph fs5">
1233
1349
  <div class="clearfix pbs">
1234
1350
  <svg class="icon icon-signalwire"><use xlink:href="#icon-signalwire"></use></svg><span class="name"> icon-signalwire</span>
1235
1351
  </div>
1236
1352
  </div>
1237
- <div class="glyph fs4">
1353
+ <div class="glyph fs5">
1238
1354
  <div class="clearfix pbs">
1239
1355
  <svg class="icon icon-telegram"><use xlink:href="#icon-telegram"></use></svg><span class="name"> icon-telegram</span>
1240
1356
  </div>
1241
1357
  </div>
1242
- <div class="glyph fs4">
1358
+ <div class="glyph fs5">
1243
1359
  <div class="clearfix pbs">
1244
1360
  <svg class="icon icon-thinq"><use xlink:href="#icon-thinq"></use></svg><span class="name"> icon-thinq</span>
1245
1361
  </div>
1246
1362
  </div>
1247
- <div class="glyph fs4">
1363
+ <div class="glyph fs5">
1248
1364
  <div class="clearfix pbs">
1249
1365
  <svg class="icon icon-twilio_inverted"><use xlink:href="#icon-twilio_inverted"></use></svg><span class="name"> icon-twilio_inverted</span>
1250
1366
  </div>
1251
1367
  </div>
1252
- <div class="glyph fs4">
1368
+ <div class="glyph fs5">
1253
1369
  <div class="clearfix pbs">
1254
1370
  <svg class="icon icon-twilio_original"><use xlink:href="#icon-twilio_original"></use></svg><span class="name"> icon-twilio_original</span>
1255
1371
  </div>
1256
1372
  </div>
1257
- <div class="glyph fs4">
1373
+ <div class="glyph fs5">
1258
1374
  <div class="clearfix pbs">
1259
1375
  <svg class="icon icon-twitter"><use xlink:href="#icon-twitter"></use></svg><span class="name"> icon-twitter</span>
1260
1376
  </div>
1261
1377
  </div>
1262
- <div class="glyph fs4">
1378
+ <div class="glyph fs5">
1263
1379
  <div class="clearfix pbs">
1264
1380
  <svg class="icon icon-viber"><use xlink:href="#icon-viber"></use></svg><span class="name"> icon-viber</span>
1265
1381
  </div>
1266
1382
  </div>
1267
- <div class="glyph fs4">
1383
+ <div class="glyph fs5">
1268
1384
  <div class="clearfix pbs">
1269
1385
  <svg class="icon icon-vk"><use xlink:href="#icon-vk"></use></svg><span class="name"> icon-vk</span>
1270
1386
  </div>
1271
1387
  </div>
1272
- <div class="glyph fs4">
1388
+ <div class="glyph fs5">
1273
1389
  <div class="clearfix pbs">
1274
1390
  <svg class="icon icon-wechat"><use xlink:href="#icon-wechat"></use></svg><span class="name"> icon-wechat</span>
1275
1391
  </div>
1276
1392
  </div>
1277
- <div class="glyph fs4">
1393
+ <div class="glyph fs5">
1278
1394
  <div class="clearfix pbs">
1279
1395
  <svg class="icon icon-whatsapp"><use xlink:href="#icon-whatsapp"></use></svg><span class="name"> icon-whatsapp</span>
1280
1396
  </div>
1281
1397
  </div>
1282
- <div class="glyph fs4">
1398
+ <div class="glyph fs5">
1283
1399
  <div class="clearfix pbs">
1284
1400
  <svg class="icon icon-wit"><use xlink:href="#icon-wit"></use></svg><span class="name"> icon-wit</span>
1285
1401
  </div>
1286
1402
  </div>
1287
- <div class="glyph fs4">
1403
+ <div class="glyph fs5">
1288
1404
  <div class="clearfix pbs">
1289
1405
  <svg class="icon icon-zendesk"><use xlink:href="#icon-zendesk"></use></svg><span class="name"> icon-zendesk</span>
1290
1406
  </div>
1291
1407
  </div>
1292
- <div class="glyph fs4">
1408
+ <div class="glyph fs5">
1293
1409
  <div class="clearfix pbs">
1294
1410
  <svg class="icon icon-vonage"><use xlink:href="#icon-vonage"></use></svg><span class="name"> icon-vonage</span>
1295
1411
  </div>
1296
1412
  </div>
1297
- <div class="glyph fs4">
1413
+ <div class="glyph fs5">
1298
1414
  <div class="clearfix pbs">
1299
1415
  <svg class="icon icon-megaphone"><use xlink:href="#icon-megaphone"></use></svg><span class="name"> icon-megaphone</span>
1300
1416
  </div>