# gulp-mobile-first

> Gulp mobile first

Latest version **0.0.1** (published 2015-07-06) · 0 weekly downloads

## Install

```sh
npm install gulp-mobile-first
pnpm add gulp-mobile-first
yarn add gulp-mobile-first
bun add gulp-mobile-first
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2015-07-06 |
| First published | 2015-07-06 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Known vulnerabilities | 0 (+6 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Author | dejakob |
| Maintainers | dejakob |

## Links

- npm: https://www.npmjs.com/package/gulp-mobile-first
- Repository: https://github.com/dejakob/gulp-mobile-first
- Homepage: http://github.com/dejakob/gulp-mobile-first
- Issues: https://github.com/dejakob/gulp-mobile-first/issues
- npm.io page: https://npm.io/package/gulp-mobile-first

## Dependencies (6)

- [lodash](https://npm.io/package/lodash.md) 3.10.0
- [through2](https://npm.io/package/through2.md) 2.0.0
- [gulp-less](https://npm.io/package/gulp-less.md) 3.0.3
- [gulp-util](https://npm.io/package/gulp-util.md) 3.0.6
- [gulp-minify](https://npm.io/package/gulp-minify.md) 0.0.5
- [gulp-minify-css](https://npm.io/package/gulp-minify-css.md) 1.2.0

## Recent versions

- 0.0.1 (latest) — 2015-07-06
- 0.0.0 — 2015-07-06

## README

# gulp-mobile-first

## What does it do
This gulp plugin is created to autocompile media queries. Perfect for bigger mobile first projects.

## How to use

```
var gulp_mobile = require('gulp_mobile');
```

### Example folder structure of project
- app
  - home
    - style
      - home.less
      - home.mobile.less
      - home.desktop.less
  - about
    - style
      - about.less
      - about.mobile.less
      - about.desktop.less
      
### Example gulpfile
```
gulp.src('input/**/*.less')
  .pipe(gulp_mobile())
  .pipe(gulp.dest('output/all.less'))
  .pipe(gulp_less())
  .pipe(gulp_minify({compatibility: 'ie8'}))
  .pipe(gulp.dest('output/all.css'));
```

### Change width limit
Add `{mobile: <width>}` as option to the task

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