aisvg2sprite
Advanced tools
Comparing version 0.1.1 to 1.0.0
{ | ||
"name": "aisvg2sprite", | ||
"version": "0.1.1", | ||
"version": "1.0.0", | ||
"description": "Convert illustrator(ai) SVG to pretty SVG sprite", | ||
@@ -5,0 +5,0 @@ "preferGlobal": true, |
@@ -23,3 +23,33 @@ # aisvg2sprite | ||
``` | ||
## Tips | ||
How can i use SVG sprite in pages? | ||
### Without `remove-fill` or `remove-stroke` option | ||
```css | ||
symbol *:not([style*="fill:none"]) {fill:inherit!important;} | ||
symbol *:not([style*="stroke:none"]) {stroke:inherit!important;} | ||
.icon {width:50px;height:50px;} | ||
.icon > use {stroke:red;stroke-width:0;fill:green;} | ||
``` | ||
```html | ||
<svg class="icon"><use xlink:href="#i001"></use></svg> | ||
``` | ||
See `/usage/withoutOptions/demo.html` | ||
### With `remove-fill` or `remove-stroke` option | ||
```css | ||
.icon {width:50px;height:50px;stroke:red;stroke-width:0;fill:green;} | ||
``` | ||
```html | ||
<svg class="icon"><use xlink:href="#i001"></use></svg> | ||
``` | ||
See `/usage/withOptions/demo.html` | ||
## examples | ||
@@ -53,4 +83,6 @@ | ||
<http://www.w3cplus.com/svg/styling-svg-use-content-css.html> | ||
## License | ||
[MIT](https://github.com/dolymood/aisvg2sprite/blob/master/LICENSE) |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
10367
0
87