# cssspriter

> css spriter

Latest version **0.0.11** (published 2016-01-13) · GPL license · 0 weekly downloads

## Install

```sh
npm install cssspriter
pnpm add cssspriter
yarn add cssspriter
bun add cssspriter
```

Provides the command `cssspriter`.

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.11 |
| Published | 2016-01-13 |
| First published | 2014-08-05 |
| Weekly downloads | 0 |
| License | GPL |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | luzhujun |
| Maintainers | smildlzj |
| Keywords | css, sprite, nodejs |

## Links

- npm: https://www.npmjs.com/package/cssspriter
- Repository: https://github.com/smildlzj/cssspriter
- Issues: https://github.com/smildlzj/cssspriter/issues
- npm.io page: https://npm.io/package/cssspriter

## Dependencies (4)

- [cssom](https://npm.io/package/cssom.md) *
- [crypto](https://npm.io/package/crypto.md) *
- [images](https://npm.io/package/images.md) *
- [commander](https://npm.io/package/commander.md) *

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 0.0.11 (latest) — 2016-01-13
- 0.0.10 — 2016-01-12
- 0.0.9 — 2016-01-11
- 0.0.8 — 2015-06-15
- 0.0.7 — 2014-12-26
- 0.0.6 — 2014-08-05

## README

#Css Spriter

Usage
==========
### Command-line usage
    Usage: cssspriter -i file ... -o file ...

    Options:
      -h, --help                       output usage information
      -V, --version                    output the version number
      -i,--inputs [file inputs]        input css files, split with ","
      -o,--outputs [file outputs]      output css files, split with ","
      -d , --dir [sprite image dir]    output sprite image dir
      -f , --file [sprite image file]  output sprite image file
      -v , --vertical                  vertical direction
      -h , --horizontal                horizontal direction

### Usage in Code
    var sper = new cssspriter({
        file : image_dir,
        workspace : workspace
    });
    sper.add(file , file);
    sper.process();


==========
### css
    sprite-image:String

    sprite-width:Number

    sprite-height:Number

    sprite-margin-top:Number

    sprite-margin-bottom:Number

    sprite-margin-left:Number

    sprite-margin-right:Number

    sprite-align:[left/right]

example
==========
### test.css
    .download .normal{
        /*sprite-image:"download-up.png";
        sprite-margin-top:2px;
        sprite-margin-bottom:2px;
        sprite-margin-right:30px;*/
    }
    .download .hover{
        /*sprite-image:"download-over.png";
        sprite-margin-top:2px;
        sprite-margin-bottom:2px;
        sprite-margin-right:30px;*/
    }
    .download .down{
        /*sprite-image:"download-down.png";
        sprite-margin-top:2px;
        sprite-margin-bottom:2px;
        sprite-margin-right:30px;*/
    }
    .play .normal{
        /*sprite-image:"play-up.png";
        sprite-align:right;
        sprite-margin-top:1px;
        sprite-margin-bottom:1px;
        sprite-margin-left:120px;*/
    }
    .play .hover{
        /*sprite-image:"play-over.png";
        sprite-align:right;
        sprite-margin-top:1px;
        sprite-margin-bottom:1px;
        sprite-margin-left:120px;*/
    }
    .play .down{
        /*sprite-image:"play-down.png";
        sprite-align:right;
        sprite-margin-top:1px;
        sprite-margin-bottom:1px;
        sprite-margin-left:120px;*/
    }

### compile
    cssspriter -i test.css

---
_Source: https://npm.io/package/cssspriter · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._