line-md 0.0.4 → 0.2.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 (341) hide show
  1. package/.editorconfig +13 -0
  2. package/.github/FUNDING.yml +1 -0
  3. package/.prettierrc +3 -3
  4. package/README.md +25 -30
  5. package/license.txt +0 -0
  6. package/line-md.json +1006 -746
  7. package/package.json +30 -9
  8. package/svg/account-add.svg +1 -1
  9. package/svg/account-alert.svg +1 -1
  10. package/svg/account-delete.svg +1 -1
  11. package/svg/account-remove.svg +1 -1
  12. package/svg/account-small.svg +1 -1
  13. package/svg/account.svg +1 -1
  14. package/svg/alert-circle-twotone.svg +1 -1
  15. package/svg/alert-circle.svg +1 -1
  16. package/svg/alert-twotone.svg +1 -1
  17. package/svg/alert.svg +1 -1
  18. package/svg/align-center.svg +1 -1
  19. package/svg/align-justify.svg +1 -1
  20. package/svg/align-left.svg +1 -1
  21. package/svg/align-right.svg +1 -0
  22. package/svg/arrow-align-bottom.svg +1 -0
  23. package/svg/arrow-align-center.svg +1 -1
  24. package/svg/arrow-align-left.svg +1 -1
  25. package/svg/arrow-align-middle.svg +1 -0
  26. package/svg/arrow-align-right.svg +1 -0
  27. package/svg/arrow-align-top.svg +1 -0
  28. package/svg/arrow-close-down.svg +1 -0
  29. package/svg/arrow-close-left.svg +1 -1
  30. package/svg/arrow-close-right.svg +1 -0
  31. package/svg/arrow-close-up.svg +1 -0
  32. package/svg/arrow-down-circle-twotone.svg +1 -0
  33. package/svg/arrow-down-circle.svg +1 -0
  34. package/svg/arrow-down.svg +1 -0
  35. package/svg/arrow-left-circle-twotone.svg +1 -1
  36. package/svg/arrow-left-circle.svg +1 -1
  37. package/svg/arrow-left.svg +1 -1
  38. package/svg/arrow-long-diagonal-rotated.svg +1 -0
  39. package/svg/arrow-long-diagonal.svg +1 -1
  40. package/svg/arrow-open-down.svg +1 -0
  41. package/svg/arrow-open-left.svg +1 -1
  42. package/svg/arrow-open-right.svg +1 -0
  43. package/svg/arrow-open-up.svg +1 -0
  44. package/svg/arrow-right-circle-twotone.svg +1 -0
  45. package/svg/arrow-right-circle.svg +1 -0
  46. package/svg/arrow-right.svg +1 -0
  47. package/svg/arrow-small-down.svg +1 -0
  48. package/svg/arrow-small-left.svg +1 -1
  49. package/svg/arrow-small-right.svg +1 -0
  50. package/svg/arrow-small-up.svg +1 -0
  51. package/svg/arrow-up-circle-twotone.svg +1 -0
  52. package/svg/arrow-up-circle.svg +1 -0
  53. package/svg/arrow-up.svg +1 -0
  54. package/svg/arrows-diagonal-rotated.svg +1 -0
  55. package/svg/arrows-diagonal.svg +1 -1
  56. package/svg/arrows-horizontal-alt.svg +1 -1
  57. package/svg/arrows-horizontal.svg +1 -1
  58. package/svg/arrows-vertical-alt.svg +1 -0
  59. package/svg/arrows-vertical.svg +1 -0
  60. package/svg/beer-alt-filled-loop.svg +1 -0
  61. package/svg/beer-alt-filled.svg +1 -0
  62. package/svg/beer-alt-twotone-loop.svg +1 -0
  63. package/svg/beer-alt-twotone.svg +1 -0
  64. package/svg/beer-filled.svg +1 -0
  65. package/svg/beer-loop.svg +1 -0
  66. package/svg/beer-twotone-loop.svg +1 -0
  67. package/svg/beer-twotone.svg +1 -0
  68. package/svg/beer.svg +1 -0
  69. package/svg/bell-twotone.svg +1 -1
  70. package/svg/bell.svg +1 -1
  71. package/svg/buy-me-a-coffee-filled.svg +1 -0
  72. package/svg/buy-me-a-coffee-twotone.svg +1 -0
  73. package/svg/buy-me-a-coffee.svg +1 -0
  74. package/svg/calendar-out.svg +1 -0
  75. package/svg/calendar.svg +1 -0
  76. package/svg/cancel-twotone.svg +1 -1
  77. package/svg/cancel.svg +1 -1
  78. package/svg/check-list-3-filled.svg +1 -0
  79. package/svg/check-list-3-twotone.svg +1 -1
  80. package/svg/check-list-3.svg +1 -1
  81. package/svg/chevron-double-down.svg +1 -0
  82. package/svg/chevron-double-left.svg +1 -1
  83. package/svg/chevron-double-right.svg +1 -0
  84. package/svg/chevron-double-up.svg +1 -0
  85. package/svg/chevron-down-circle-twotone.svg +1 -0
  86. package/svg/chevron-down-circle.svg +1 -0
  87. package/svg/chevron-down.svg +1 -0
  88. package/svg/chevron-left-circle-twotone.svg +1 -1
  89. package/svg/chevron-left-circle.svg +1 -1
  90. package/svg/chevron-left.svg +1 -1
  91. package/svg/chevron-right-circle-twotone.svg +1 -0
  92. package/svg/chevron-right-circle.svg +1 -0
  93. package/svg/chevron-right.svg +1 -0
  94. package/svg/chevron-small-double-down.svg +1 -0
  95. package/svg/chevron-small-double-left.svg +1 -1
  96. package/svg/chevron-small-double-right.svg +1 -0
  97. package/svg/chevron-small-double-up.svg +1 -0
  98. package/svg/chevron-small-down.svg +1 -0
  99. package/svg/chevron-small-left.svg +1 -1
  100. package/svg/chevron-small-right.svg +1 -0
  101. package/svg/chevron-small-triple-down.svg +1 -0
  102. package/svg/chevron-small-triple-left.svg +1 -1
  103. package/svg/chevron-small-triple-right.svg +1 -0
  104. package/svg/chevron-small-triple-up.svg +1 -0
  105. package/svg/chevron-small-up.svg +1 -0
  106. package/svg/chevron-triple-down.svg +1 -0
  107. package/svg/chevron-triple-left.svg +1 -1
  108. package/svg/chevron-triple-right.svg +1 -0
  109. package/svg/chevron-triple-up.svg +1 -0
  110. package/svg/chevron-up-circle-twotone.svg +1 -0
  111. package/svg/chevron-up-circle.svg +1 -0
  112. package/svg/chevron-up.svg +1 -0
  113. package/svg/circle-to-confirm-circle-transition.svg +1 -0
  114. package/svg/circle-to-confirm-circle-twotone-transition.svg +1 -0
  115. package/svg/circle-twotone-to-confirm-circle-twotone-transition.svg +1 -0
  116. package/svg/circle-twotone.svg +1 -1
  117. package/svg/circle.svg +1 -1
  118. package/svg/clipboard-arrow-twotone.svg +1 -1
  119. package/svg/clipboard-arrow.svg +1 -1
  120. package/svg/clipboard-check-twotone.svg +1 -1
  121. package/svg/clipboard-check.svg +1 -1
  122. package/svg/clipboard-list-twotone.svg +1 -1
  123. package/svg/clipboard-list.svg +1 -1
  124. package/svg/clipboard-minus-twotone.svg +1 -1
  125. package/svg/clipboard-minus.svg +1 -1
  126. package/svg/clipboard-plus-twotone.svg +1 -1
  127. package/svg/clipboard-plus.svg +1 -1
  128. package/svg/clipboard-twotone.svg +1 -1
  129. package/svg/clipboard.svg +1 -1
  130. package/svg/close-circle-twotone.svg +1 -1
  131. package/svg/close-circle.svg +1 -1
  132. package/svg/close.svg +1 -1
  133. package/svg/cloud-braces-loop.svg +1 -0
  134. package/svg/cloud-down-twotone.svg +1 -1
  135. package/svg/cloud-down.svg +1 -1
  136. package/svg/cloud-download-loop.svg +1 -0
  137. package/svg/cloud-download-outline-loop.svg +1 -0
  138. package/svg/cloud-filled.svg +1 -1
  139. package/svg/cloud-loop.svg +1 -0
  140. package/svg/cloud-off-outline-loop.svg +1 -0
  141. package/svg/cloud-outline-loop.svg +1 -0
  142. package/svg/cloud-print-loop.svg +1 -0
  143. package/svg/cloud-print-outline-loop.svg +1 -0
  144. package/svg/cloud-tags-loop.svg +1 -0
  145. package/svg/cloud-twotone.svg +1 -1
  146. package/svg/cloud-up-twotone.svg +1 -1
  147. package/svg/cloud-up.svg +1 -1
  148. package/svg/cloud-upload-loop.svg +1 -0
  149. package/svg/cloud-upload-outline-loop.svg +1 -0
  150. package/svg/cloud.svg +1 -1
  151. package/svg/coffee-arrow-filled.svg +1 -0
  152. package/svg/coffee-arrow-twotone.svg +1 -0
  153. package/svg/coffee-arrow.svg +1 -0
  154. package/svg/coffee-filled.svg +1 -0
  155. package/svg/coffee-half-empty-twotone-loop.svg +1 -0
  156. package/svg/coffee-loop.svg +1 -0
  157. package/svg/coffee-twotone-loop.svg +1 -0
  158. package/svg/coffee-twotone.svg +1 -0
  159. package/svg/coffee.svg +1 -0
  160. package/svg/computer-twotone.svg +1 -1
  161. package/svg/computer.svg +1 -1
  162. package/svg/confirm-circle-to-circle-transition.svg +1 -0
  163. package/svg/confirm-circle-twotone-to-circle-transition.svg +1 -0
  164. package/svg/confirm-circle-twotone-to-circle-twotone-transition.svg +1 -0
  165. package/svg/confirm-circle-twotone.svg +1 -1
  166. package/svg/confirm-circle.svg +1 -1
  167. package/svg/confirm.svg +1 -1
  168. package/svg/construction-twotone.svg +1 -1
  169. package/svg/construction.svg +1 -1
  170. package/svg/discord-twotone.svg +1 -0
  171. package/svg/discord.svg +1 -0
  172. package/svg/document-add-twotone.svg +1 -1
  173. package/svg/document-add.svg +1 -1
  174. package/svg/document-code-twotone.svg +1 -1
  175. package/svg/document-code.svg +1 -1
  176. package/svg/document-list-twotone.svg +1 -1
  177. package/svg/document-list.svg +1 -1
  178. package/svg/document-remove-twotone.svg +1 -1
  179. package/svg/document-remove.svg +1 -1
  180. package/svg/document-report-twotone.svg +1 -1
  181. package/svg/document-report.svg +1 -1
  182. package/svg/document-twotone.svg +1 -1
  183. package/svg/document.svg +1 -1
  184. package/svg/double-arrow-horizontal.svg +1 -1
  185. package/svg/double-arrow-vertical.svg +1 -0
  186. package/svg/edit-twotone-full.svg +1 -1
  187. package/svg/edit-twotone.svg +1 -1
  188. package/svg/edit.svg +1 -1
  189. package/svg/email-opened-twotone-alt.svg +1 -1
  190. package/svg/email-opened-twotone.svg +1 -1
  191. package/svg/email-opened.svg +1 -1
  192. package/svg/email-twotone-alt.svg +1 -1
  193. package/svg/email-twotone.svg +1 -1
  194. package/svg/email.svg +1 -1
  195. package/svg/emoji-angry-twotone.svg +1 -1
  196. package/svg/emoji-angry.svg +1 -1
  197. package/svg/emoji-frown-open-twotone.svg +1 -1
  198. package/svg/emoji-frown-open.svg +1 -1
  199. package/svg/emoji-frown-twotone.svg +1 -1
  200. package/svg/emoji-frown.svg +1 -1
  201. package/svg/emoji-grin-twotone.svg +1 -1
  202. package/svg/emoji-grin.svg +1 -1
  203. package/svg/emoji-neutral-twotone.svg +1 -1
  204. package/svg/emoji-neutral.svg +1 -1
  205. package/svg/emoji-smile-twotone.svg +1 -1
  206. package/svg/emoji-smile-wink-twotone.svg +1 -1
  207. package/svg/emoji-smile-wink.svg +1 -1
  208. package/svg/emoji-smile.svg +1 -1
  209. package/svg/external-link-rounded.svg +1 -1
  210. package/svg/external-link.svg +1 -1
  211. package/svg/facebook.svg +1 -1
  212. package/svg/github-loop.svg +1 -0
  213. package/svg/github-twotone.svg +1 -1
  214. package/svg/github.svg +1 -1
  215. package/svg/grid-3-filled.svg +1 -0
  216. package/svg/grid-3-twotone.svg +1 -1
  217. package/svg/grid-3.svg +1 -1
  218. package/svg/hash-small.svg +1 -1
  219. package/svg/hash.svg +1 -1
  220. package/svg/heart-filled-half.svg +1 -1
  221. package/svg/heart-filled.svg +1 -1
  222. package/svg/heart-half-filled.svg +1 -1
  223. package/svg/heart-half-twotone.svg +1 -1
  224. package/svg/heart-half.svg +1 -1
  225. package/svg/heart-twotone-half-filled.svg +1 -1
  226. package/svg/heart-twotone-half.svg +1 -1
  227. package/svg/heart-twotone.svg +1 -1
  228. package/svg/heart.svg +1 -1
  229. package/svg/home-md-twotone-alt.svg +1 -1
  230. package/svg/home-md-twotone.svg +1 -1
  231. package/svg/home-md.svg +1 -1
  232. package/svg/home-simple-filled.svg +1 -1
  233. package/svg/home-simple-twotone.svg +1 -1
  234. package/svg/home-simple.svg +1 -1
  235. package/svg/home-twotone-alt.svg +1 -1
  236. package/svg/home-twotone.svg +1 -1
  237. package/svg/home.svg +1 -1
  238. package/svg/iconify1.svg +1 -1
  239. package/svg/image-twotone.svg +1 -1
  240. package/svg/image.svg +1 -1
  241. package/svg/instagram.svg +1 -0
  242. package/svg/laptop-twotone.svg +1 -1
  243. package/svg/laptop.svg +1 -1
  244. package/svg/light-dark-loop.svg +1 -0
  245. package/svg/light-dark.svg +1 -0
  246. package/svg/linkedin.svg +1 -1
  247. package/svg/list-3-filled.svg +1 -0
  248. package/svg/list-3-twotone.svg +1 -1
  249. package/svg/list-3.svg +1 -1
  250. package/svg/list-indented.svg +1 -1
  251. package/svg/list.svg +1 -1
  252. package/svg/loading-alt-loop.svg +1 -0
  253. package/svg/loading-loop.svg +1 -0
  254. package/svg/loading-twotone-loop.svg +1 -0
  255. package/svg/marker-filled.svg +1 -1
  256. package/svg/marker-twotone.svg +1 -1
  257. package/svg/marker.svg +1 -1
  258. package/svg/menu-fold-left.svg +1 -1
  259. package/svg/menu-fold-right.svg +1 -0
  260. package/svg/menu-unfold-left.svg +1 -1
  261. package/svg/menu-unfold-right.svg +1 -0
  262. package/svg/menu.svg +1 -1
  263. package/svg/minus-circle-twotone.svg +1 -1
  264. package/svg/minus-circle.svg +1 -1
  265. package/svg/minus.svg +1 -1
  266. package/svg/moon-filled.svg +1 -0
  267. package/svg/moon-twotone.svg +1 -0
  268. package/svg/moon.svg +1 -0
  269. package/svg/navigation-left-down.svg +1 -0
  270. package/svg/navigation-left-up.svg +1 -1
  271. package/svg/navigation-right-down.svg +1 -0
  272. package/svg/navigation-right-up.svg +1 -0
  273. package/svg/paint-drop-filled.svg +1 -1
  274. package/svg/paint-drop-half-filled-twotone.svg +1 -1
  275. package/svg/paint-drop-half-filled.svg +1 -1
  276. package/svg/paint-drop-half-twotone.svg +1 -1
  277. package/svg/paint-drop-twotone.svg +1 -1
  278. package/svg/paint-drop.svg +1 -1
  279. package/svg/pencil-twotone-alt.svg +1 -1
  280. package/svg/pencil-twotone.svg +1 -1
  281. package/svg/pencil.svg +1 -1
  282. package/svg/plus-circle-twotone.svg +1 -1
  283. package/svg/plus-circle.svg +1 -1
  284. package/svg/plus.svg +1 -1
  285. package/svg/question-circle-twotone.svg +1 -1
  286. package/svg/question-circle.svg +1 -1
  287. package/svg/question.svg +1 -1
  288. package/svg/reddit-circle-loop.svg +1 -0
  289. package/svg/reddit-circle.svg +1 -0
  290. package/svg/reddit-loop.svg +1 -0
  291. package/svg/reddit.svg +1 -0
  292. package/svg/remove.svg +1 -1
  293. package/svg/rotate-180.svg +1 -1
  294. package/svg/rotate-270.svg +1 -1
  295. package/svg/rotate-90.svg +1 -1
  296. package/svg/search-filled.svg +1 -1
  297. package/svg/search-twotone.svg +1 -1
  298. package/svg/search.svg +1 -1
  299. package/svg/sun-rising-filled-loop.svg +1 -0
  300. package/svg/sun-rising-loop.svg +1 -0
  301. package/svg/sun-rising-twotone-loop.svg +1 -0
  302. package/svg/sunny-outline-loop.svg +1 -0
  303. package/svg/sunny-outline-twotone-loop.svg +1 -0
  304. package/svg/telegram.svg +1 -0
  305. package/svg/text-box-multiple-to-text-box-transition.svg +1 -0
  306. package/svg/text-box-multiple-twotone-to-text-box-twotone-transition.svg +1 -0
  307. package/svg/text-box-multiple-twotone.svg +1 -0
  308. package/svg/text-box-multiple.svg +1 -0
  309. package/svg/text-box-to-text-box-multiple-transition.svg +1 -0
  310. package/svg/text-box-twotone-to-text-box-multiple-twotone-transition.svg +1 -0
  311. package/svg/text-box-twotone.svg +1 -0
  312. package/svg/text-box.svg +1 -0
  313. package/svg/thumbs-down-twotone.svg +1 -1
  314. package/svg/thumbs-down.svg +1 -1
  315. package/svg/thumbs-up-twotone.svg +1 -1
  316. package/svg/thumbs-up.svg +1 -1
  317. package/svg/twitter-twotone.svg +1 -1
  318. package/svg/twitter.svg +1 -1
  319. package/svg/valign-baseline-twotone.svg +1 -1
  320. package/svg/valign-baseline.svg +1 -1
  321. package/svg/valign-bottom-twotone.svg +1 -1
  322. package/svg/valign-bottom.svg +1 -1
  323. package/svg/valign-middle-twotone.svg +1 -1
  324. package/svg/valign-middle.svg +1 -1
  325. package/svg/valign-top-twotone.svg +1 -1
  326. package/svg/valign-top.svg +1 -1
  327. package/svg/weather-cloudy-loop.svg +1 -0
  328. package/build.js +0 -2
  329. package/export.js +0 -17
  330. package/icon-finder/iconify.min.js +0 -13
  331. package/icon-finder/iconify2.css +0 -2550
  332. package/icon-finder/iconify2.js +0 -22635
  333. package/icon-finder/iconify2.js.map +0 -1
  334. package/icon-finder/iconify2.min.js +0 -1
  335. package/index.html +0 -67
  336. package/line-md.css +0 -46
  337. package/stylesheet.js +0 -156
  338. package/svg/check-list-3-solid.svg +0 -1
  339. package/svg/grid-3-solid.svg +0 -1
  340. package/svg/iconify2.svg +0 -1
  341. package/svg/list-3-solid.svg +0 -1
package/index.html DELETED
@@ -1,67 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <link rel="stylesheet" href="./icon-finder/iconify2.css" />
7
- <link rel="stylesheet" href="./line-md.css" />
8
-
9
- <title>Material Line Icons Demo</title>
10
-
11
- <style>
12
- html {
13
- background: #f2f2f2;
14
- }
15
- body {
16
- max-width: 976px;
17
- margin: 0 auto;
18
- background: #f2f2f2;
19
- }
20
- .iif-wrapper--line-md,
21
- .iif-wrapper--line-md .iif-block:last-child,
22
- .iif-wrapper--line-md p:last-child {
23
- margin-bottom: 0;
24
- padding-bottom: 0;
25
- }
26
- </style>
27
- <script src="./icon-finder/iconify.min.js"></script>
28
- </head>
29
-
30
- <body>
31
- <div class="iif-wrapper iif-wrapper--line-md iif-content">
32
- <div class="iif-block iif-block--collection-info no-bottom-spacing">
33
- <div class="iif-collection-info-title">Material Line Icons</div>
34
- <p>
35
- This icon set has 24x24 icons designed to Material Design guidelines
36
- that are used for 'Round' and 'TwoTone' icons in official Material
37
- Design Icons with one minor change: thin 1px stroke is allowed where
38
- it makes sense.
39
- </p>
40
- <p>
41
- Icons use stroke that can be animated on first render. All you have to
42
- do is add class "iconify--line-md" to SVG element (Iconify SVG
43
- framework does it automatically) and include stylesheet from
44
- https://code.iconify.design/css/line-md.css
45
- </p>
46
- <p>
47
- To refresh animation you can either re-render icon or use display to
48
- hide and show it.
49
- </p>
50
- </div>
51
- </div>
52
- <div id="container">
53
- <div class="iif-wrapper iif-content">
54
- <p>Loading icons...</p>
55
- </div>
56
- </div>
57
- <script>
58
- (function () {
59
- var node = document.createElement('script');
60
- node.type = 'text/javascript';
61
- node.async = true;
62
- node.src = './icon-finder/iconify2.js';
63
- document.head.appendChild(node);
64
- })();
65
- </script>
66
- </body>
67
- </html>
package/line-md.css DELETED
@@ -1,46 +0,0 @@
1
- @supports (animation: foo 1s) and (not (-ms-ime-align: auto)) and (not (overflow: -webkit-marquee)) {
2
- .iconify--line-md .il-md-fill { animation: il-md-fill 0.5s linear forwards; opacity: 0; }
3
- .iconify--line-md .il-md-length-15 { animation: il-md-length-15 0s linear forwards; stroke-dasharray: 15; stroke-dashoffset: 15; opacity: 0; }
4
- .iconify--line-md .il-md-length-25 { animation: il-md-length-25 0s linear forwards; stroke-dasharray: 25; stroke-dashoffset: 25; opacity: 0; }
5
- .iconify--line-md .il-md-length-40 { animation: il-md-length-40 0s linear forwards; stroke-dasharray: 40; stroke-dashoffset: 40; opacity: 0; }
6
- .iconify--line-md .il-md-length-70 { animation: il-md-length-70 0s linear forwards; stroke-dasharray: 70; stroke-dashoffset: 70; opacity: 0; }
7
- .iconify--line-md .il-md-length-100 { animation: il-md-length-100 0s linear forwards; stroke-dasharray: 100; stroke-dashoffset: 100; opacity: 0; }
8
- .iconify--line-md .il-md-length-150 { animation: il-md-length-150 0s linear forwards; stroke-dasharray: 150; stroke-dashoffset: 150; opacity: 0; }
9
- .iconify--line-md .il-md-delay-0 { animation-delay: 0s; }
10
- .iconify--line-md .il-md-delay-1 { animation-delay: 0.1s; }
11
- .iconify--line-md .il-md-delay-2 { animation-delay: 0.2s; }
12
- .iconify--line-md .il-md-delay-3 { animation-delay: 0.3s; }
13
- .iconify--line-md .il-md-delay-4 { animation-delay: 0.4s; }
14
- .iconify--line-md .il-md-delay-5 { animation-delay: 0.5s; }
15
- .iconify--line-md .il-md-delay-6 { animation-delay: 0.6s; }
16
- .iconify--line-md .il-md-delay-7 { animation-delay: 0.7s; }
17
- .iconify--line-md .il-md-delay-8 { animation-delay: 0.8s; }
18
- .iconify--line-md .il-md-delay-9 { animation-delay: 0.9s; }
19
- .iconify--line-md .il-md-delay-10 { animation-delay: 1s; }
20
- .iconify--line-md .il-md-delay-11 { animation-delay: 1.1s; }
21
- .iconify--line-md .il-md-delay-12 { animation-delay: 1.2s; }
22
- .iconify--line-md .il-md-delay-13 { animation-delay: 1.3s; }
23
- .iconify--line-md .il-md-delay-14 { animation-delay: 1.4s; }
24
- .iconify--line-md .il-md-delay-15 { animation-delay: 1.5s; }
25
- .iconify--line-md .il-md-delay-16 { animation-delay: 1.6s; }
26
- .iconify--line-md .il-md-delay-17 { animation-delay: 1.7s; }
27
- .iconify--line-md .il-md-delay-18 { animation-delay: 1.8s; }
28
- .iconify--line-md .il-md-delay-19 { animation-delay: 1.9s; }
29
- .iconify--line-md .il-md-duration-0 { animation-duration: 0.2s; }
30
- .iconify--line-md .il-md-duration-1 { animation-duration: 0.3s; }
31
- .iconify--line-md .il-md-duration-2 { animation-duration: 0.4s; }
32
- .iconify--line-md .il-md-duration-3 { animation-duration: 0.5s; }
33
- .iconify--line-md .il-md-duration-4 { animation-duration: 0.6s; }
34
- .iconify--line-md .il-md-duration-5 { animation-duration: 0.7s; }
35
- .iconify--line-md .il-md-duration-6 { animation-duration: 0.8s; }
36
- .iconify--line-md .il-md-duration-7 { animation-duration: 0.9s; }
37
- .iconify--line-md .il-md-duration-8 { animation-duration: 1s; }
38
- .iconify--line-md .il-md-duration-9 { animation-duration: 1.1s; }
39
- @keyframes il-md-fill { from { opacity: 0; } to { opacity: 1; } }
40
- @keyframes il-md-length-15 { 0% { stroke-dashoffset: 15; opacity: 0; } 1% { stroke-dashoffset: 15; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 1; } }
41
- @keyframes il-md-length-25 { 0% { stroke-dashoffset: 25; opacity: 0; } 1% { stroke-dashoffset: 25; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 1; } }
42
- @keyframes il-md-length-40 { 0% { stroke-dashoffset: 40; opacity: 0; } 1% { stroke-dashoffset: 40; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 1; } }
43
- @keyframes il-md-length-70 { 0% { stroke-dashoffset: 70; opacity: 0; } 1% { stroke-dashoffset: 70; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 1; } }
44
- @keyframes il-md-length-100 { 0% { stroke-dashoffset: 100; opacity: 0; } 1% { stroke-dashoffset: 100; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 1; } }
45
- @keyframes il-md-length-150 { 0% { stroke-dashoffset: 150; opacity: 0; } 1% { stroke-dashoffset: 150; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 1; } }
46
- }
package/stylesheet.js DELETED
@@ -1,156 +0,0 @@
1
- const fs = require('fs');
2
-
3
- // @supports test
4
- const supports =
5
- '@supports (animation: foo 1s) and (not (-ms-ime-align: auto)) and (not (overflow: -webkit-marquee))';
6
-
7
- // Container class
8
- const container = 'iconify--line-md';
9
-
10
- // Prefix for classes and animations
11
- const prefix = 'il-md';
12
-
13
- // Length breakpoints
14
- const breakpoints = [15, 25, 40, 70, 100, 150];
15
-
16
- // Timers
17
- const maxDelay = 19;
18
- const maxDuration = 9;
19
-
20
- // Generate output
21
- const styles = [];
22
- const animations = [];
23
-
24
- /**
25
- * Round number
26
- */
27
- function round(value) {
28
- let str = value + '';
29
- let parts = str.split('.');
30
- if (parts.length !== 2) {
31
- return str;
32
- }
33
-
34
- let float = parts.pop();
35
- if (float.length < 3) {
36
- return str;
37
- }
38
-
39
- // Remove everything after first '0'
40
- let index = float.indexOf('0', 1);
41
- if (index !== -1) {
42
- float = float.slice(0, index);
43
- parts.push(float);
44
- return parts.join('.');
45
- }
46
- return str;
47
- }
48
-
49
- /**
50
- * Add code
51
- */
52
- function addCode(name, code) {
53
- styles.push(`.${container} .${prefix}-${name} { ${code} }`);
54
- }
55
-
56
- /**
57
- * Add style
58
- *
59
- * Style object: [selector] = value
60
- */
61
- function addStyle(name, style) {
62
- addCode(
63
- name,
64
- Object.keys(style)
65
- .map((item) => {
66
- return `${item}: ${style[item]};`;
67
- })
68
- .join(' ')
69
- );
70
- }
71
-
72
- /**
73
- * Animation style
74
- */
75
- function animationStyle(name, duration) {
76
- return `${prefix}-${name} ${duration}s linear forwards`;
77
- }
78
-
79
- /**
80
- * Add keyframes
81
- *
82
- * Frames object: [frame][selector] = value
83
- */
84
- function addKeyframes(name, frames) {
85
- let code = `@keyframes ${prefix}-${name} { ${Object.keys(frames)
86
- .map((frame) => {
87
- const item = frames[frame];
88
- return `${frame} { ${Object.keys(item)
89
- .map((selector) => {
90
- return `${selector}: ${item[selector]};`;
91
- })
92
- .join(' ')} }`;
93
- })
94
- .join(' ')} }`;
95
- animations.push(code);
96
- }
97
-
98
- // Add fill
99
- addStyle('fill', {
100
- animation: animationStyle('fill', 0.5),
101
- opacity: 0,
102
- });
103
- addKeyframes('fill', {
104
- from: {
105
- opacity: 0,
106
- },
107
- to: {
108
- opacity: 1,
109
- },
110
- });
111
-
112
- // Add stroke
113
- breakpoints.forEach((bp) => {
114
- const name = 'length-' + bp;
115
- addStyle(name, {
116
- 'animation': animationStyle(name, 0),
117
- 'stroke-dasharray': bp,
118
- 'stroke-dashoffset': bp,
119
- 'opacity': 0,
120
- });
121
- addKeyframes(name, {
122
- '0%': {
123
- 'stroke-dashoffset': bp,
124
- 'opacity': 0,
125
- },
126
- '1%': {
127
- 'stroke-dashoffset': bp,
128
- 'opacity': 1,
129
- },
130
- '100%': {
131
- 'stroke-dashoffset': 0,
132
- 'opacity': 1,
133
- },
134
- });
135
- });
136
-
137
- // Add delay
138
- for (let i = 0; i <= maxDelay; i++) {
139
- addStyle('delay-' + i, {
140
- 'animation-delay': round(i * 0.1) + 's',
141
- });
142
- }
143
-
144
- // Add duration
145
- for (let i = 0; i <= maxDuration; i++) {
146
- addStyle('duration-' + i, {
147
- 'animation-duration': round(0.2 + i * 0.1) + 's',
148
- });
149
- }
150
-
151
- // Generate code
152
- const code = `${supports} {\n\t${styles.join('\n\t')}\n\t${animations.join(
153
- '\n\t'
154
- )}\n}`;
155
- fs.writeFileSync('line-md.css', code, 'utf8');
156
- // console.log(code);
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" class="iconify iconify--line-md" width="24" height="24"><g fill="none"><rect x="12" y="4" width="8" height="2" rx="1" fill="currentColor" class="il-md-fill il-md-delay-6"/><rect x="12" y="11" width="8" height="2" rx="1" fill="currentColor" class="il-md-fill il-md-delay-9"/><rect x="12" y="18" width="8" height="2" rx="1" fill="currentColor" class="il-md-fill il-md-delay-12"/><path d="M3 5L5 7L9 3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="il-md-length-15 il-md-duration-2 il-md-delay-0"/><path d="M13 3.5H19C19.8284 3.5 20.5 4.17157 20.5 5C20.5 5.82843 19.8284 6.5 19 6.5H13C12.1716 6.5 11.5 5.82843 11.5 5C11.5 4.17157 12.1716 3.5 13 3.5Z" stroke="currentColor" stroke-linecap="round" class="il-md-length-25 il-md-duration-2 il-md-delay-0"/><path d="M3 12L5 14L9 10" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="il-md-length-15 il-md-duration-2 il-md-delay-2"/><rect x="11.5" y="10.5" width="9" height="3" rx="1.5" stroke="currentColor" stroke-linecap="round" class="il-md-length-25 il-md-duration-2 il-md-delay-2"/><path d="M3 19L5 21L9 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="il-md-length-15 il-md-duration-2 il-md-delay-4"/><rect x="11.5" y="17.5" width="9" height="3" rx="1.5" stroke="currentColor" stroke-linecap="round" class="il-md-length-25 il-md-duration-2 il-md-delay-4"/></g></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" class="iconify iconify--line-md" width="24" height="24"><g fill="none"><circle cx="5" cy="5" r="2" fill="currentColor" class="il-md-fill il-md-delay-0"/><circle cx="12" cy="5" r="2" fill="currentColor" class="il-md-fill il-md-delay-0"/><circle cx="19" cy="5" r="2" fill="currentColor" class="il-md-fill il-md-delay-0"/><circle cx="5" cy="12" r="2" fill="currentColor" class="il-md-fill il-md-delay-3"/><circle cx="12" cy="12" r="2" fill="currentColor" class="il-md-fill il-md-delay-3"/><circle cx="19" cy="12" r="2" fill="currentColor" class="il-md-fill il-md-delay-3"/><circle cx="5" cy="19" r="2" fill="currentColor" class="il-md-fill il-md-delay-6"/><circle cx="12" cy="19" r="2" fill="currentColor" class="il-md-fill il-md-delay-6"/><circle cx="19" cy="19" r="2" fill="currentColor" class="il-md-fill il-md-delay-6"/></g></svg>
package/svg/iconify2.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" class="iconify iconify--line-md" width="24" height="24"><g fill="none"><path d="M4 7V21" stroke="currentColor" stroke-width="2" class="il-md-length-15 il-md-duration-2 il-md-delay-0"/><path d="M4 3V5" stroke="currentColor" stroke-width="2" class="il-md-length-15 il-md-duration-2 il-md-delay-0"/><path d="M18 4.25204C17.3608 4.08751 16.6906 4 16 4C11.5817 4 8 7.58172 8 12C8 16.4183 11.5817 20 16 20C16.6906 20 17.3608 19.9125 18 19.748" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="il-md-length-40 il-md-duration-3 il-md-delay-2"/><g><path d="M16 8C13.7909 8 12 9.79086 12 12C12 14.2091 13.7909 16 16 16C18.2091 16 20 14.2091 20 12C20 9.79086 18.2091 8 16 8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="il-md-length-40 il-md-duration-5 il-md-delay-5"/></g></g></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" class="iconify iconify--line-md" width="24" height="24"><g fill="none"><circle cx="5" cy="5" r="1" fill="currentColor" class="il-md-fill il-md-delay-9"/><rect x="10" y="4" width="10" height="2" rx="1" fill="currentColor" class="il-md-fill il-md-delay-9"/><circle cx="5" cy="12" r="1" fill="currentColor" class="il-md-fill il-md-delay-12"/><rect x="10" y="11" width="10" height="2" rx="1" fill="currentColor" class="il-md-fill il-md-delay-12"/><circle cx="5" cy="19" r="1" fill="currentColor" class="il-md-fill il-md-delay-15"/><rect x="10" y="18" width="10" height="2" rx="1" fill="currentColor" class="il-md-fill il-md-delay-15"/><circle cx="5" cy="5" r="1.5" stroke="currentColor" stroke-linecap="round" class="il-md-length-15 il-md-duration-2 il-md-delay-0"/><rect x="9.5" y="3.5" width="11" height="3" rx="1.5" stroke="currentColor" stroke-linecap="round" class="il-md-length-40 il-md-duration-3 il-md-delay-0"/><circle cx="5" cy="12" r="1.5" stroke="currentColor" stroke-linecap="round" class="il-md-length-15 il-md-duration-2 il-md-delay-3"/><rect x="9.5" y="10.5" width="11" height="3" rx="1.5" stroke="currentColor" stroke-linecap="round" class="il-md-length-40 il-md-duration-3 il-md-delay-3"/><circle cx="5" cy="19" r="1.5" stroke="currentColor" stroke-linecap="round" class="il-md-length-15 il-md-duration-2 il-md-delay-6"/><rect x="9.5" y="17.5" width="11" height="3" rx="1.5" stroke="currentColor" stroke-linecap="round" class="il-md-length-40 il-md-duration-3 il-md-delay-6"/></g></svg>