# gulp-polymerize-css

> Gulp plugin that transforms css files into .html files with a dom-module with the styles.

Latest version **0.0.1** (published 2015-10-16) · ISC license · 0 weekly downloads

## Install

```sh
npm install gulp-polymerize-css
pnpm add gulp-polymerize-css
yarn add gulp-polymerize-css
bun add gulp-polymerize-css
```

## 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.1 |
| Published | 2015-10-16 |
| First published | 2015-09-13 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | carbono |

## Links

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

## Dependencies (2)

- [through2](https://npm.io/package/through2.md) ^2.0.0
- [gulp-util](https://npm.io/package/gulp-util.md) ^3.0.6

## Recent versions

- 0.0.1 (latest) — 2015-10-16
- 0.0.0 — 2015-09-13

## README

# Gulp polimerize css
Gulp plugin that transforms css files into .html files
with a dom-module with the styles.

It was written to convert css into style modules, as specified 
by [polymer docs](https://www.polymer-project.org/1.0/docs/devguide/styling.html#style-modules).

Makes life easier for those who want to use css preprocessors AND Polymer :)

## Usage

Install it with npm
    
    npm install gulp-polymerize-css

In your <code>gulpfile.js</code>:

```javascript
var polymerizeCss = require('gulp-polymerize-css'),
    rename = require('gulp-rename');

gulp.task('styles', function(){
  return gulp.src('app/styles/style.css')
    .pipe(polymerizeCss({styleId:'custom-style'}))
    .pipe(rename('style.html'))
    .pipe(gulp.dest('dist/styles'));
});
```

It results in:
```html
<dom-module id="custom-style">
  <template>
    <style>
     <!-- YOUR STYLE HERE -->
    </style>
  </template>
</dom-module>
```

## Options
* _styleId_ (String): the id that you will use for importing the style

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