line-md 0.0.2 → 0.2.0

package/.editorconfig

@@ -0,0 +1,13 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+indent_style = tab
+indent_size = 4
+charset = utf-8
+trim_trailing_whitespace = true
+
+[{*.json,*.yml}]
+indent_style = space
+indent_size = 2

package/.github/FUNDING.yml

@@ -0,0 +1 @@
+github: cyberalien

package/.prettierrc

@@ -1,7 +1,7 @@
 {
 	"trailingComma": "es5",
 	"singleQuote": true,
-	"useTabs": true,
-	"semi": true,
-	"quoteProps": "consistent"
+    "useTabs": true,
+    "semi": true,
+    "quoteProps": "consistent"
 }

package/README.md

@@ -4,46 +4,28 @@ There are many icon sets that are designed to Material Design guidelines. You ca
 
 This icon set is different:
 
-- Icons are animated using CSS animations for stroke.
-- It follows guidelines that are used for 'Round' and 'TwoTone' icons in the official Material Design Icons set.
-- Sometimes 1px thin lines are used where it makes sense.
+-   Icons are animated using CSS animations for stroke.
+-   It follows guidelines that are used for 'Round' and 'TwoTone' icons in the official Material Design Icons set.
+-   Sometimes 1px thin lines are used where it makes sense.
 
 Preview is available at https://cyberalien.github.io/line-md/
 
 Icon set is in development. It contains only few icons so far. Icons can change any time.
 
-# CSS stroke animations
+# CSS 2 animations
 
-Icons use stroke that can be animated on first render. All you have to do is add class "iconify--line-md" to SVG element (Iconify SVG framework 2.0 does it automatically) and include stylesheet from `https://code.iconify.design/css/line-md.css`.
-
-To refresh animation you can either re-render icon or use display to hide and show it.
+Icons use CSS 2 animations, which are contained in icon code and do not require external stylesheet or script.
 
 # Usage in HTML
 
-1. Add stylesheet for CSS animations:
-
-```html
-<link rel="stylesheet" href="https://code.iconify.design/css/line-md.css" />
-```
+1. Include IconifyIcon component, [see `iconify-icon` package for latest code](https://www.npmjs.com/package/iconify-icon).
 
-2. Include Iconify SVG framework:
+2. Add icon, using "line-md" prefix:
 
 ```html
-<script src="https://code.iconify.design/2/2.0.0-rc.1/iconify.min.js"></script>
+<iconify-icon icon="line-md:home"></iconify-icon>
 ```
 
-3. Add placeholder for icon, using "line-md" prefix:
-
-```html
-<span class="iconify" data-icon="line-md:home"></span>
-```
-
-See [Iconify SVG framework documentation](https://docs.iconify.design/implementations/svg-framework/) for details.
-
-# Components
-
-React, Vue and Svelte components are available. See [Iconify components documentation](https://docs.iconify.design/implementations/components/) for details.
-
 # Icon requests
 
 You can [open an issue on GitHub repository](https://github.com/cyberalien/line-md/issues) to request icons.