https://github.com/osaton/gulp-sass-variables
https://github.com/osaton/gulp-sass-variables
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/osaton/gulp-sass-variables
- Owner: osaton
- Created: 2016-09-25T12:25:19.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2021-10-11T12:52:02.000Z (over 4 years ago)
- Last Synced: 2025-03-28T00:44:32.354Z (about 1 year ago)
- Language: JavaScript
- Size: 5.86 KB
- Stars: 12
- Watchers: 1
- Forks: 6
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## What is this
Add Sass variables to gulp stream, so that you can use for example environment variables in your Sass build process.
Supports strings, numbers and booleans.
## Installation
```bash
$ npm install gulp-sass-variables --save-dev
```
## Usage
### gulpfile.js
```javascript
var gulp = require('gulp'),
argv = require('yargs').argv,
sassVariables = require('gulp-sass-variables'),
sass = require('gulp-sass');
// Compile css
gulp.task('css', function () {
return gulp.src('./src/scss/master.scss')
.pipe(sassVariables({
$env: argv.production ? 'production' : 'development'
}))
.pipe(sass())
.pipe(gulp.dest('./dist/css'))
});
```
### master.scss
```scss
$env: 'development' !default;
$path: '/dev/path/' !default;
@if($env == 'production') {
$path: '/prod/path';
}
```