@microflash/spritely
Advanced tools
+1
-1
| { | ||
| "name": "@microflash/spritely", | ||
| "version": "1.2.9", | ||
| "version": "1.3.0", | ||
| "description": "A handy Node.js CLI to generate SVG sprites", | ||
@@ -5,0 +5,0 @@ "preferGlobal": true, |
+7
-3
@@ -29,2 +29,3 @@ # Spritely | ||
| -n, --normalize [normalize] toggle whitespace normalization (default: true) | ||
| -a, --a11y [a11y] toggle accessibility mode (default: false) | ||
| -q, --quiet disable verbose output | ||
@@ -51,2 +52,5 @@ -h, --help display help for command | ||
| $ spritely --input /mnt/e/assets/icons --recursive true | ||
| # Generate `sprites.svg` from SVG files in the current directory with accessibility mode | ||
| $ spritely --a11y true | ||
| ``` | ||
@@ -64,5 +68,5 @@ | ||
| `spritely` does not come with any accessibility support out of the box. | ||
| `spritely` comes with a rudimentary accessibility mode (using `--a11y` option) which injects a `<title>` tag in the symbols based on the file name. | ||
| As a developer, ensure that an SVG file contains corresponding `<title>` tag | ||
| For more control, you can add the `<title>` tag manually in an SVG file. | ||
@@ -77,3 +81,3 @@ ```xml | ||
| and the usages of the sprites contain `aria-labelledby` attribute describing the content of the file. | ||
| When using the sprites, add the `aria-labelledby` attribute describing the content of the file. | ||
@@ -80,0 +84,0 @@ ```html |
Sorry, the diff of this file is not supported yet
9703
6.7%85
4.94%