# gulp-sass-themes-combiner

> Inject files with theme variables into SCSS files and combine output CSS.

Latest version **0.0.6** (published 2016-10-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install gulp-sass-themes-combiner
pnpm add gulp-sass-themes-combiner
yarn add gulp-sass-themes-combiner
bun add gulp-sass-themes-combiner
```

## 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.6 |
| Published | 2016-10-12 |
| First published | 2016-10-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | Serge T |
| Maintainers | tsv2013 |
| Keywords | gulp, sass, scss, themes, variables |

## Links

- npm: https://www.npmjs.com/package/gulp-sass-themes-combiner
- Repository: https://github.com/tsv2013/sass-themes-combiner
- Issues: https://github.com/tsv2013/sass-themes-combiner/issues
- npm.io page: https://npm.io/package/gulp-sass-themes-combiner

## Dependencies (3)

- [slash](https://npm.io/package/slash.md) ^1.0.0
- [globby](https://npm.io/package/globby.md) ^6.0.0
- [through2](https://npm.io/package/through2.md) ^2.0.0

## Recent versions

- 0.0.6 (latest) — 2016-10-12
- 0.0.5 — 2016-10-12
- 0.0.4 — 2016-10-12
- 0.0.2 — 2016-10-12
- 0.0.1 — 2016-10-12

## README

# gulp-sass-themes-combiner
[![NPM](https://nodei.co/npm/gulp-sass-themes-combiner.png)](https://npmjs.org/package/gulp-sass-themes-combiner)

SASS themes injector & combiner.

A plugin for [Gulp](https://github.com/gulpjs/gulp) as extension of [gulp-sass](https://github.com/dlmanning/gulp-sass).

Inspired by [gulp-sass-themes](https://github.com/bbuhler/gulp-sass-themes).

## Usage

Source files
```
+-- styles
    +-- _default-colors.scss
    +-- body.scss
    +-- form.scss
    +-- login.scss
    +-- themes
        +-- _white.scss
        +-- _black.scss
```

Gulpfile
```javascript
'use strict';

const gulp = require('gulp');
const sass = require('gulp-sass');
const themesCombiner = require('gulp-sass-themes-combiner');

gulp.task("sass", function () {
    var themesCombiner = themesCombiner('./styles/themes/_*.scss');

    return gulp.src(['./styles/**/*.scss'])
      .pipe(themesCombiner.init())
      .pipe(sass.sync().on("error", sass.logError))
      .pipe(themesCombiner.combine('mySite'))
      .pipe(gulp.dest('./dist/styles'));
});

```

Output
```
+-- dist
    +-- styles
        +-- mySite.white.css
        +-- mySite.dark.css
```

## Parameters

### themes
Type: `String | Array<String>`
Glob pattern to theme files.

### options

#### cwd
Type: `String`
Current working directory for glob pattern.

#### debug
Type: `Boolean`
Verbose working mode.

#### ext
Type: `String`
Theme file extension (`.scss` or `.sass`, default - `.sass`).

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