# gulp-postcss-hover-media-grouper

> Gulp wrapper for postcss-hover-media-grouper

Latest version **1.1.0** (published 2019-11-15) · MIT license · 0 weekly downloads

## Install

```sh
npm install gulp-postcss-hover-media-grouper
pnpm add gulp-postcss-hover-media-grouper
yarn add gulp-postcss-hover-media-grouper
bun add gulp-postcss-hover-media-grouper
```

## 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.1.0 |
| Published | 2019-11-15 |
| First published | 2019-11-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=6.0.0 |
| Dependencies | 6 |
| Unpacked size | 3.9 KB |
| Known vulnerabilities | 0 (+5 in 1 direct dependencies) |
| Install scripts | no |
| Author | sukiman.hung@gmail.com |
| Maintainers | sukiman |
| Keywords | gulp, css, postcsss |

## Links

- npm: https://www.npmjs.com/package/gulp-postcss-hover-media-grouper
- Repository: https://github.com/sukiman/gulp-postcss-hover-media-grouper
- Homepage: https://github.com/sukiman/gulp-postcss-hover-media-grouper#readme
- Issues: https://github.com/sukiman/gulp-postcss-hover-media-grouper/issues
- npm.io page: https://npm.io/package/gulp-postcss-hover-media-grouper

## Dependencies (6)

- [postcss](https://npm.io/package/postcss.md) ^7.0.21
- [through2](https://npm.io/package/through2.md) ^3.0.1
- [fancy-log](https://npm.io/package/fancy-log.md) ^1.3.3
- [plugin-error](https://npm.io/package/plugin-error.md) ^1.0.1
- [vinyl-sourcemaps-apply](https://npm.io/package/vinyl-sourcemaps-apply.md) ^0.2.1
- [postcss-hover-media-grouper](https://npm.io/package/postcss-hover-media-grouper.md) ^1.0.0

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 1.1.0 (latest) — 2019-11-15
- 1.0.0 — 2019-11-15

## README

# gulp-postcss-hover-media-grouper

Group `:hover` selectors with [postcss-media-hover-group](https://github.com/sukiman/postcss-hover-media-grouper)

## Usage
```js
const gulp = require('gulp');
const sass = require('gulp-sass');
const clean = require('gulp-clean');
const sourcemaps = require('gulp-sourcemaps');
const autoprefixer = require('gulp-autoprefixer');
const hovermediagrouper = require('/home/suki/public_html/repos/gulp-postcss-hover-media-grouper');

// css autoprefixer config (the 'overrideBrowserslist' is for newer version)
const autoPrefixerConfig = {
	'browsers': ['> 1%', 'last 2 version', 'ie 8', 'ie 9', 'Opera 12.1', 'Safari 7', 'iOS 7'],
	'overrideBrowserslist': ['> 1%', 'last 2 version', 'ie 8', 'ie 9', 'Opera 12.1', 'Safari 7', 'iOS 7']
};

function cleanCss() {
	return gulp
		.src('assets/release/css/**/*', {read:false, allowEmpty: true})
		.pipe(clean());
	
}

function compileCss() {
	return gulp
		.src('assets/dev/scss/**/*.scss', {allowEmpty: true})
		.pipe(sourcemaps.init())
		.pipe(sass()).on('error', sass.logError)
		.pipe(autoprefixer(autoPrefixerConfig))
		.pipe(hovermediagrouper())
		.pipe(sourcemaps.write())
		.pipe(gulp.dest('assets/release/css/'));
}

function watch() {
	gulp.watch('assets/dev/scss/**/*.scss', gulp.parallel(compileCss));
}

gulp.task('styles', gulp.series(cleanCss, compileCss));
gulp.task('default', watch);
```

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