th0r / gulp-stylus Goto Github PK

// Gulpfile.js
// Require the needed packages
var gulp = require('gulp');
var stylus = require('gulp-stylus');


// Get one .styl file and render
gulp.task('one', function () {
	gulp.src('./css/one.styl')
		.pipe(stylus({
			paths: ["/home/stylus-plugins/"], // only needed in special cases,
			set:['compress']
		}))
		.pipe(gulp.dest('./css'));
});


// Get all .styl files in one folder and render
gulp.task('one', function () {
	gulp.src('./css/blue/*.styl')
		.pipe(stylus())
		.pipe(gulp.dest('./css/blue'));
});



// Get and render all .styl files recursively
gulp.task('stylus', function () {
	gulp.src('./css/**/*.styl')
		.pipe(stylus())
		.pipe(gulp.dest('./css'));
});


// Stylus.use options:
// Use nib
gulp.task('nib', function () {
	gulp.src('./css/nib/*.styl')
		.pipe(stylus({use: ['nib']}))
		.pipe(gulp.dest('./css/'));
});

// Note: 'import:' is no longer needed when using 'use:['nib']' after 0.0.11
// nib usage
gulp.task('nib', function () {
	gulp.src('./css/nib/*.styl')
		.pipe(stylus({
			use: ['nib']}))
		.pipe(gulp.dest('./css/'));
});


// Stylus.set options:
// Option compress
gulp.task('compress', function () {
	gulp.src('./css/compressed/*.styl')
		.pipe(stylus({set:['compress']}))
		.pipe(gulp.dest('./css/compressed'));
});

// Option linenos
gulp.task('linenos', function () {
	gulp.src('./css/linenos/*.styl')
		.pipe(stylus({set:['linenos']}))
		.pipe(gulp.dest('./css/linenos'));
});

// Option "resolve url" (same as "--resolve-url" in CLI)
gulp.task('resolve-url', function () {
	gulp.src('./css/resolve/*.styl')
		.pipe(stylus({set:['resolve url']}))
		.pipe(gulp.dest('./css/resolved'));
});

// Option import file
gulp.task('import', function () {
	gulp.src('./css/test.styl')
		.pipe(stylus({import: ['./one.styl']})) // the file is Relative to the Other styl files
		.pipe(gulp.dest('./css/import'));
});

// Option urlFunc - inline images
gulp.task('urlfunc', function(){
	gulp.src('./css/urlfunc.styl')
	.pipe(stylus({urlFunc: ['inline-image']}))
	.pipe(gulp.dest('./css/urlfunc/'));
});

// Option define - define variables
gulp.task('define', function(){
	gulp.src('./css/define.styl')
	.pipe(stylus({define: {
		'ie8': true
	}}))
	.pipe(gulp.dest('./css/define/'));
});






// Default gulp task to run
gulp.task('default', ['stylus', 'one']);

// stylus.use('nib')

.pipe(stylus({use: ['nib']}))

// stylus.set(['compress': true ]);
.pipe(stylus({set: ['compress']}))

// stylus.set(['linenos': true]);
.pipe(stylus({set: ['linenos']}))

// stylus.import(['./file.styl']);
.pipe(stylus({import:['./file.styl']}))

// stylus.import(['./css/*.css']);
.pipe(stylus({import:['./*.css']}))