https://github.com/awayken/postcss-placehold

PostCSS plugin that makes it easy to drop in placeholder images.
https://github.com/awayken/postcss-placehold

postcss

Last synced: 29 days ago
JSON representation

PostCSS plugin that makes it easy to drop in placeholder images.

• Host: GitHub
• URL: https://github.com/awayken/postcss-placehold
• Owner: awayken
• License: mit
• Created: 2016-06-11T18:51:14.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-06-16T08:39:52.000Z (over 8 years ago)
• Last Synced: 2024-11-16T05:49:50.326Z (about 1 month ago)
• Topics: postcss
• Language: JavaScript
• Size: 11.7 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE-MIT

Awesome Lists containing this project

README

        
# postcss-placehold [![Build Status](https://travis-ci.org/awayken/postcss-placehold.svg?branch=master)][ci] [![NPM version](https://badge.fury.io/js/postcss-placehold.svg)][npm]

> [PostCSS] plugin that makes it easy to drop in placeholder images.

## Install

With [npm](https://npmjs.org/package/postcss-placehold) do:

```

npm install postcss-placehold --save

```

## Example

### Input

```css

h1 {

    background: placehold(400, 400);

}

```

### Output

```css

h1 {

    background: url("https://placehold.it/400x400");

}

```

## Options

### options.service

Type: `string`

Default: `placeholdit`

Define which placeholder service to use for your images.

Supported services:

  * [placehold.it](https://placehold.it)

  * [placekitten](https://placekitten.com)

  * [placekittengray](https://placekitten.com)

  * [dummyimage](https://dummyimage.com)

## Usage

See the [PostCSS documentation](https://github.com/postcss/postcss#usage) for

examples for your environment.

## Contributing

Pull requests are welcome. If you add functionality, then please add unit tests

to cover it.

## License

MIT © [Miles Rausch](https://github.com/awayken/postcss-placehold)

[ci]:      https://travis-ci.org/awayken/postcss-placehold

[npm]:     http://badge.fury.io/js/postcss-placehold

[postcss]: https://github.com/postcss/postcss