❤
npm
Sign UpSign In

sprity-sass

1.0.4 • Public • Published

sprity-sass

NPM version Build Status Dependencies

A sass/scss style processor for sprity

Requirements

Install

Install with npm

npm install sprity sprity-sass --save

If you want to use sprity-sass with the command line interface of sprity install it globally.

npm install sprity sprity-sass -g

Options

  • style-type: Eighter scss or sass. Defaults to scss.

Usage

On commandline:

sprity out/ src/*.png -s style.scss -p sass --style-type scss

In JavaScript:

var sprite = require('sprity');
sprite.create({
  ...
  style: 'style.scss',
  processor: 'sass'
  'style-type': 'scss'
  ...
}, function () {
  console.log('done');
});

scss usage example

@import 'sprite'; // the generated style file (sprite.scss) 
 
// camera icon (camera.png in src directory) 
.icon-camera {
  @include sprite($camera);
}
 
// cart icon (cart.png in src directory) 
.icon-cart {
  @include sprite($cart);
}

sass usage example

@import 'sprite' // the generated style file (sprite.sass)
 
// camera icon (camera.png in src directory)
.icon-camera
  +sprite($camera)
 
// cart icon (cart.png in src directory)
.icon-cart
  +sprite($cart)

More

See sprity documentation

Gitter

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.0.4
    43
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 1.0.4
    43
  • 1.0.3
    0
  • 1.0.2
    0
  • 1.0.1
    0
  • 1.0.0
    0

Package Sidebar

Install

npm i sprity-sass

Repository

github.com/sprity/sprity-sass

Homepage

github.com/sprity/sprity-sass

Weekly Downloads

43

Version

1.0.4

License

none

Last publish

Collaborators

  • aslansky
Try on RunKit
Report malware