# gulp-css-to-polymer

> Converting CSS to a ES6 Module for Polymer V3.x.x

Latest version **1.2.3** (published 2018-07-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install gulp-css-to-polymer
pnpm add gulp-css-to-polymer
yarn add gulp-css-to-polymer
bun add gulp-css-to-polymer
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.3 |
| Published | 2018-07-23 |
| First published | 2018-07-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 4.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Tom Maton |
| Maintainers | topginger |

## Links

- npm: https://www.npmjs.com/package/gulp-css-to-polymer
- Repository: https://github.com/tommaton/gulp-css-to-polymer
- Homepage: https://github.com/tommaton/gulp-css-to-polymer#readme
- Issues: https://github.com/tommaton/gulp-css-to-polymer/issues
- npm.io page: https://npm.io/package/gulp-css-to-polymer

## Recent versions

- 1.2.3 (latest) — 2018-07-23

## README

# gulp-css-to-polymer

A gulp plugin for wrapping css files into ES6 modules as used by [Polymer](http://polymer-project.org)

## Install

### npm

```sh
$ npm install --save-dev gulp-css-to-polymer
```

### yarn

```sh
$ yarn add gulp-css-to-polymer
```

## Examples

```js
const polymerizeCSS = require('gulp-css-to-polymer');

// Wrap css files
gulp.task("polymerize", () => {
    gulp.src("./src/**/*.css")
        .pipe(polymerizeCSS({
            prefix: 'tg-',
            suffix: '-styles',
            pwa: true
        }))
        .pipe(gulp.dest("./dist"));
}

```

## Options / Defaults

```js
{
    // string to be used for the beginning of the file name & module ids.
    prefix: 'tg-',
    // string to be used for the end of the file name & module ids.
    suffix: '-styles',
    // boolean, determines how the styles are generated as differentate between Polymer and Polymer PWA
    pwa: true // default is false,
}
```

## LICENSE [MIT](LICENSE)

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