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.
- package/.editorconfig +13 -0
- package/.github/FUNDING.yml +1 -0
- package/.prettierrc +3 -3
- package/README.md +25 -30
- package/license.txt +0 -0
- package/line-md.json +1006 -746
- package/package.json +30 -9
- package/svg/account-add.svg +1 -1
- package/svg/account-alert.svg +1 -1
- package/svg/account-delete.svg +1 -1
- package/svg/account-remove.svg +1 -1
- package/svg/account-small.svg +1 -1
- package/svg/account.svg +1 -1
- package/svg/alert-circle-twotone.svg +1 -1
- package/svg/alert-circle.svg +1 -1
- package/svg/alert-twotone.svg +1 -1
- package/svg/alert.svg +1 -1
- package/svg/align-center.svg +1 -1
- package/svg/align-justify.svg +1 -1
- package/svg/align-left.svg +1 -1
- package/svg/align-right.svg +1 -0
- package/svg/arrow-align-bottom.svg +1 -0
- package/svg/arrow-align-center.svg +1 -1
- package/svg/arrow-align-left.svg +1 -1
- package/svg/arrow-align-middle.svg +1 -0
- package/svg/arrow-align-right.svg +1 -0
- package/svg/arrow-align-top.svg +1 -0
- package/svg/arrow-close-down.svg +1 -0
- package/svg/arrow-close-left.svg +1 -1
- package/svg/arrow-close-right.svg +1 -0
- package/svg/arrow-close-up.svg +1 -0
- package/svg/arrow-down-circle-twotone.svg +1 -0
- package/svg/arrow-down-circle.svg +1 -0
- package/svg/arrow-down.svg +1 -0
- package/svg/arrow-left-circle-twotone.svg +1 -1
- package/svg/arrow-left-circle.svg +1 -1
- package/svg/arrow-left.svg +1 -1
- package/svg/arrow-long-diagonal-rotated.svg +1 -0
- package/svg/arrow-long-diagonal.svg +1 -1
- package/svg/arrow-open-down.svg +1 -0
- package/svg/arrow-open-left.svg +1 -1
- package/svg/arrow-open-right.svg +1 -0
- package/svg/arrow-open-up.svg +1 -0
- package/svg/arrow-right-circle-twotone.svg +1 -0
- package/svg/arrow-right-circle.svg +1 -0
- package/svg/arrow-right.svg +1 -0
- package/svg/arrow-small-down.svg +1 -0
- package/svg/arrow-small-left.svg +1 -1
- package/svg/arrow-small-right.svg +1 -0
- package/svg/arrow-small-up.svg +1 -0
- package/svg/arrow-up-circle-twotone.svg +1 -0
- package/svg/arrow-up-circle.svg +1 -0
- package/svg/arrow-up.svg +1 -0
- package/svg/arrows-diagonal-rotated.svg +1 -0
- package/svg/arrows-diagonal.svg +1 -1
- package/svg/arrows-horizontal-alt.svg +1 -1
- package/svg/arrows-horizontal.svg +1 -1
- package/svg/arrows-vertical-alt.svg +1 -0
- package/svg/arrows-vertical.svg +1 -0
- package/svg/beer-alt-filled-loop.svg +1 -0
- package/svg/beer-alt-filled.svg +1 -0
- package/svg/beer-alt-twotone-loop.svg +1 -0
- package/svg/beer-alt-twotone.svg +1 -0
- package/svg/beer-filled.svg +1 -0
- package/svg/beer-loop.svg +1 -0
- package/svg/beer-twotone-loop.svg +1 -0
- package/svg/beer-twotone.svg +1 -0
- package/svg/beer.svg +1 -0
- package/svg/bell-twotone.svg +1 -1
- package/svg/bell.svg +1 -1
- package/svg/buy-me-a-coffee-filled.svg +1 -0
- package/svg/buy-me-a-coffee-twotone.svg +1 -0
- package/svg/buy-me-a-coffee.svg +1 -0
- package/svg/calendar-out.svg +1 -0
- package/svg/calendar.svg +1 -0
- package/svg/cancel-twotone.svg +1 -1
- package/svg/cancel.svg +1 -1
- package/svg/check-list-3-filled.svg +1 -0
- package/svg/check-list-3-twotone.svg +1 -1
- package/svg/check-list-3.svg +1 -1
- package/svg/chevron-double-down.svg +1 -0
- package/svg/chevron-double-left.svg +1 -1
- package/svg/chevron-double-right.svg +1 -0
- package/svg/chevron-double-up.svg +1 -0
- package/svg/chevron-down-circle-twotone.svg +1 -0
- package/svg/chevron-down-circle.svg +1 -0
- package/svg/chevron-down.svg +1 -0
- package/svg/chevron-left-circle-twotone.svg +1 -1
- package/svg/chevron-left-circle.svg +1 -1
- package/svg/chevron-left.svg +1 -1
- package/svg/chevron-right-circle-twotone.svg +1 -0
- package/svg/chevron-right-circle.svg +1 -0
- package/svg/chevron-right.svg +1 -0
- package/svg/chevron-small-double-down.svg +1 -0
- package/svg/chevron-small-double-left.svg +1 -1
- package/svg/chevron-small-double-right.svg +1 -0
- package/svg/chevron-small-double-up.svg +1 -0
- package/svg/chevron-small-down.svg +1 -0
- package/svg/chevron-small-left.svg +1 -1
- package/svg/chevron-small-right.svg +1 -0
- package/svg/chevron-small-triple-down.svg +1 -0
- package/svg/chevron-small-triple-left.svg +1 -1
- package/svg/chevron-small-triple-right.svg +1 -0
- package/svg/chevron-small-triple-up.svg +1 -0
- package/svg/chevron-small-up.svg +1 -0
- package/svg/chevron-triple-down.svg +1 -0
- package/svg/chevron-triple-left.svg +1 -1
- package/svg/chevron-triple-right.svg +1 -0
- package/svg/chevron-triple-up.svg +1 -0
- package/svg/chevron-up-circle-twotone.svg +1 -0
- package/svg/chevron-up-circle.svg +1 -0
- package/svg/chevron-up.svg +1 -0
- package/svg/circle-to-confirm-circle-transition.svg +1 -0
- package/svg/circle-to-confirm-circle-twotone-transition.svg +1 -0
- package/svg/circle-twotone-to-confirm-circle-twotone-transition.svg +1 -0
- package/svg/circle-twotone.svg +1 -1
- package/svg/circle.svg +1 -1
- package/svg/clipboard-arrow-twotone.svg +1 -1
- package/svg/clipboard-arrow.svg +1 -1
- package/svg/clipboard-check-twotone.svg +1 -1
- package/svg/clipboard-check.svg +1 -1
- package/svg/clipboard-list-twotone.svg +1 -1
- package/svg/clipboard-list.svg +1 -1
- package/svg/clipboard-minus-twotone.svg +1 -1
- package/svg/clipboard-minus.svg +1 -1
- package/svg/clipboard-plus-twotone.svg +1 -1
- package/svg/clipboard-plus.svg +1 -1
- package/svg/clipboard-twotone.svg +1 -1
- package/svg/clipboard.svg +1 -1
- package/svg/close-circle-twotone.svg +1 -1
- package/svg/close-circle.svg +1 -1
- package/svg/close.svg +1 -1
- package/svg/cloud-braces-loop.svg +1 -0
- package/svg/cloud-down-twotone.svg +1 -1
- package/svg/cloud-down.svg +1 -1
- package/svg/cloud-download-loop.svg +1 -0
- package/svg/cloud-download-outline-loop.svg +1 -0
- package/svg/cloud-filled.svg +1 -1
- package/svg/cloud-loop.svg +1 -0
- package/svg/cloud-off-outline-loop.svg +1 -0
- package/svg/cloud-outline-loop.svg +1 -0
- package/svg/cloud-print-loop.svg +1 -0
- package/svg/cloud-print-outline-loop.svg +1 -0
- package/svg/cloud-tags-loop.svg +1 -0
- package/svg/cloud-twotone.svg +1 -1
- package/svg/cloud-up-twotone.svg +1 -1
- package/svg/cloud-up.svg +1 -1
- package/svg/cloud-upload-loop.svg +1 -0
- package/svg/cloud-upload-outline-loop.svg +1 -0
- package/svg/cloud.svg +1 -1
- package/svg/coffee-arrow-filled.svg +1 -0
- package/svg/coffee-arrow-twotone.svg +1 -0
- package/svg/coffee-arrow.svg +1 -0
- package/svg/coffee-filled.svg +1 -0
- package/svg/coffee-half-empty-twotone-loop.svg +1 -0
- package/svg/coffee-loop.svg +1 -0
- package/svg/coffee-twotone-loop.svg +1 -0
- package/svg/coffee-twotone.svg +1 -0
- package/svg/coffee.svg +1 -0
- package/svg/computer-twotone.svg +1 -1
- package/svg/computer.svg +1 -1
- package/svg/confirm-circle-to-circle-transition.svg +1 -0
- package/svg/confirm-circle-twotone-to-circle-transition.svg +1 -0
- package/svg/confirm-circle-twotone-to-circle-twotone-transition.svg +1 -0
- package/svg/confirm-circle-twotone.svg +1 -1
- package/svg/confirm-circle.svg +1 -1
- package/svg/confirm.svg +1 -1
- package/svg/construction-twotone.svg +1 -1
- package/svg/construction.svg +1 -1
- package/svg/discord-twotone.svg +1 -0
- package/svg/discord.svg +1 -0
- package/svg/document-add-twotone.svg +1 -1
- package/svg/document-add.svg +1 -1
- package/svg/document-code-twotone.svg +1 -1
- package/svg/document-code.svg +1 -1
- package/svg/document-list-twotone.svg +1 -1
- package/svg/document-list.svg +1 -1
- package/svg/document-remove-twotone.svg +1 -1
- package/svg/document-remove.svg +1 -1
- package/svg/document-report-twotone.svg +1 -1
- package/svg/document-report.svg +1 -1
- package/svg/document-twotone.svg +1 -1
- package/svg/document.svg +1 -1
- package/svg/double-arrow-horizontal.svg +1 -1
- package/svg/double-arrow-vertical.svg +1 -0
- package/svg/edit-twotone-full.svg +1 -1
- package/svg/edit-twotone.svg +1 -1
- package/svg/edit.svg +1 -1
- package/svg/email-opened-twotone-alt.svg +1 -1
- package/svg/email-opened-twotone.svg +1 -1
- package/svg/email-opened.svg +1 -1
- package/svg/email-twotone-alt.svg +1 -1
- package/svg/email-twotone.svg +1 -1
- package/svg/email.svg +1 -1
- package/svg/emoji-angry-twotone.svg +1 -1
- package/svg/emoji-angry.svg +1 -1
- package/svg/emoji-frown-open-twotone.svg +1 -1
- package/svg/emoji-frown-open.svg +1 -1
- package/svg/emoji-frown-twotone.svg +1 -1
- package/svg/emoji-frown.svg +1 -1
- package/svg/emoji-grin-twotone.svg +1 -1
- package/svg/emoji-grin.svg +1 -1
- package/svg/emoji-neutral-twotone.svg +1 -1
- package/svg/emoji-neutral.svg +1 -1
- package/svg/emoji-smile-twotone.svg +1 -1
- package/svg/emoji-smile-wink-twotone.svg +1 -1
- package/svg/emoji-smile-wink.svg +1 -1
- package/svg/emoji-smile.svg +1 -1
- package/svg/external-link-rounded.svg +1 -1
- package/svg/external-link.svg +1 -1
- package/svg/facebook.svg +1 -1
- package/svg/github-loop.svg +1 -0
- package/svg/github-twotone.svg +1 -1
- package/svg/github.svg +1 -1
- package/svg/grid-3-filled.svg +1 -0
- package/svg/grid-3-twotone.svg +1 -1
- package/svg/grid-3.svg +1 -1
- package/svg/hash-small.svg +1 -1
- package/svg/hash.svg +1 -1
- package/svg/heart-filled-half.svg +1 -1
- package/svg/heart-filled.svg +1 -1
- package/svg/heart-half-filled.svg +1 -1
- package/svg/heart-half-twotone.svg +1 -1
- package/svg/heart-half.svg +1 -1
- package/svg/heart-twotone-half-filled.svg +1 -1
- package/svg/heart-twotone-half.svg +1 -1
- package/svg/heart-twotone.svg +1 -1
- package/svg/heart.svg +1 -1
- package/svg/home-md-twotone-alt.svg +1 -1
- package/svg/home-md-twotone.svg +1 -1
- package/svg/home-md.svg +1 -1
- package/svg/home-simple-filled.svg +1 -1
- package/svg/home-simple-twotone.svg +1 -1
- package/svg/home-simple.svg +1 -1
- package/svg/home-twotone-alt.svg +1 -1
- package/svg/home-twotone.svg +1 -1
- package/svg/home.svg +1 -1
- package/svg/iconify1.svg +1 -1
- package/svg/image-twotone.svg +1 -1
- package/svg/image.svg +1 -1
- package/svg/instagram.svg +1 -0
- package/svg/laptop-twotone.svg +1 -1
- package/svg/laptop.svg +1 -1
- package/svg/light-dark-loop.svg +1 -0
- package/svg/light-dark.svg +1 -0
- package/svg/linkedin.svg +1 -1
- package/svg/list-3-filled.svg +1 -0
- package/svg/list-3-twotone.svg +1 -1
- package/svg/list-3.svg +1 -1
- package/svg/list-indented.svg +1 -1
- package/svg/list.svg +1 -1
- package/svg/loading-alt-loop.svg +1 -0
- package/svg/loading-loop.svg +1 -0
- package/svg/loading-twotone-loop.svg +1 -0
- package/svg/marker-filled.svg +1 -1
- package/svg/marker-twotone.svg +1 -1
- package/svg/marker.svg +1 -1
- package/svg/menu-fold-left.svg +1 -1
- package/svg/menu-fold-right.svg +1 -0
- package/svg/menu-unfold-left.svg +1 -1
- package/svg/menu-unfold-right.svg +1 -0
- package/svg/menu.svg +1 -1
- package/svg/minus-circle-twotone.svg +1 -1
- package/svg/minus-circle.svg +1 -1
- package/svg/minus.svg +1 -1
- package/svg/moon-filled.svg +1 -0
- package/svg/moon-twotone.svg +1 -0
- package/svg/moon.svg +1 -0
- package/svg/navigation-left-down.svg +1 -0
- package/svg/navigation-left-up.svg +1 -1
- package/svg/navigation-right-down.svg +1 -0
- package/svg/navigation-right-up.svg +1 -0
- package/svg/paint-drop-filled.svg +1 -1
- package/svg/paint-drop-half-filled-twotone.svg +1 -1
- package/svg/paint-drop-half-filled.svg +1 -1
- package/svg/paint-drop-half-twotone.svg +1 -1
- package/svg/paint-drop-twotone.svg +1 -1
- package/svg/paint-drop.svg +1 -1
- package/svg/pencil-twotone-alt.svg +1 -1
- package/svg/pencil-twotone.svg +1 -1
- package/svg/pencil.svg +1 -1
- package/svg/plus-circle-twotone.svg +1 -1
- package/svg/plus-circle.svg +1 -1
- package/svg/plus.svg +1 -1
- package/svg/question-circle-twotone.svg +1 -1
- package/svg/question-circle.svg +1 -1
- package/svg/question.svg +1 -1
- package/svg/reddit-circle-loop.svg +1 -0
- package/svg/reddit-circle.svg +1 -0
- package/svg/reddit-loop.svg +1 -0
- package/svg/reddit.svg +1 -0
- package/svg/remove.svg +1 -1
- package/svg/rotate-180.svg +1 -1
- package/svg/rotate-270.svg +1 -1
- package/svg/rotate-90.svg +1 -1
- package/svg/search-filled.svg +1 -1
- package/svg/search-twotone.svg +1 -1
- package/svg/search.svg +1 -1
- package/svg/sun-rising-filled-loop.svg +1 -0
- package/svg/sun-rising-loop.svg +1 -0
- package/svg/sun-rising-twotone-loop.svg +1 -0
- package/svg/sunny-outline-loop.svg +1 -0
- package/svg/sunny-outline-twotone-loop.svg +1 -0
- package/svg/telegram.svg +1 -0
- package/svg/text-box-multiple-to-text-box-transition.svg +1 -0
- package/svg/text-box-multiple-twotone-to-text-box-twotone-transition.svg +1 -0
- package/svg/text-box-multiple-twotone.svg +1 -0
- package/svg/text-box-multiple.svg +1 -0
- package/svg/text-box-to-text-box-multiple-transition.svg +1 -0
- package/svg/text-box-twotone-to-text-box-multiple-twotone-transition.svg +1 -0
- package/svg/text-box-twotone.svg +1 -0
- package/svg/text-box.svg +1 -0
- package/svg/thumbs-down-twotone.svg +1 -1
- package/svg/thumbs-down.svg +1 -1
- package/svg/thumbs-up-twotone.svg +1 -1
- package/svg/thumbs-up.svg +1 -1
- package/svg/twitter-twotone.svg +1 -1
- package/svg/twitter.svg +1 -1
- package/svg/valign-baseline-twotone.svg +1 -1
- package/svg/valign-baseline.svg +1 -1
- package/svg/valign-bottom-twotone.svg +1 -1
- package/svg/valign-bottom.svg +1 -1
- package/svg/valign-middle-twotone.svg +1 -1
- package/svg/valign-middle.svg +1 -1
- package/svg/valign-top-twotone.svg +1 -1
- package/svg/valign-top.svg +1 -1
- package/svg/weather-cloudy-loop.svg +1 -0
- package/build.js +0 -2
- package/export.js +0 -17
- package/icon-finder/iconify.min.js +0 -13
- package/icon-finder/iconify2.css +0 -2550
- package/icon-finder/iconify2.js +0 -22635
- package/icon-finder/iconify2.js.map +0 -1
- package/icon-finder/iconify2.min.js +0 -1
- package/index.html +0 -67
- package/line-md.css +0 -46
- package/stylesheet.js +0 -156
- package/svg/check-list-3-solid.svg +0 -1
- package/svg/grid-3-solid.svg +0 -1
- package/svg/iconify2.svg +0 -1
- 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>
|
package/svg/grid-3-solid.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"><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>
|
package/svg/list-3-solid.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"><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>
|