gulp-sass - SASS plugin for gulp

  •        14

Sass plugin for Gulp. Before filing an issue, please make sure you have Updated to the latest Gulp Sass and have gone through our Common Issues and Their Fixes section.

https://github.com/dlmanning/gulp-sass

Dependencies:

chalk : ^2.3.0
lodash.clonedeep : ^4.3.2
node-sass : ^4.8.3
plugin-error : ^1.0.1
replace-ext : ^1.0.0
strip-ansi : ^4.0.0
through2 : ^2.0.0
vinyl-sourcemaps-apply : ^0.2.0

Tags
Implementation
License
Platform

   




Related Projects

react-rocket-boilerplate - A boilerplate written in ES6 using ReactJS (along with React Router and RefluxJS), SASS, Gulp, and Browserify

  •    Javascript

A boilerplate using ReactJS (along with React Router and RefluxJS), SASS, Gulp, and Browserify that also utilizes Gulp best practices from this resource. Now that gulp dev is running, the server is up as well and serving files from the /build directory. Any changes in the /app directory will be automatically processed by Gulp and the changes will be injected to any open browsers pointed at the proxy address.

angularjs-gulp-browserify-boilerplate - Boilerplate using AngularJS, SASS, Gulp, and Browserify and utilizing best practices

  •    Javascript

❗️ Warning: This boilerplate is no longer maintained and I would not recommend starting a new project with it. A boilerplate using AngularJS, SASS, Gulp, and Browserify that also utilizes these best AngularJS practices and Gulp best practices from this resource.

gulp-svg-sprite - SVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours

  •    Javascript

This document covers only gulp specific installation and configuration aspects. For a full list of features and options, please see the svg-sprite manual. NOTICE: By default, svg-sprite doesn't send any files downstream unless you configure it. There are tons of options available — please see below for some basic examples. Also, you should possibly take care of errors that might occur.

generator-react-gulp-browserify - A Yeoman Generator for facebook's React library

  •    Javascript

Yeoman generator for facebook's React library - Integrate with gulp and browserify. If you chose to use sass, you'll need to install it with gem install sass. If you find your css build results are empty, update your sass gem.


jekyll-gulp-sass-browser-sync - A starter project including full setup for Jekyll, GulpJS, SASS & BrowserSync

  •    CSS

Here's a 1.5min screencast showing what you get. And here's a GIF showing the CSS injecting.

sassy-starter - :tada: Sassy starter - HTML / SCSS (SMACSS)

  •    CSS

For theming: add separate file (theme.scss) insrc/scss/themes/, override the default $theme variable, and run gulp themes. Developed by @MinaMarkham. Please list all bugs and feature requests in the Github issue tracker.

rin - A Lean HTML & SASS Boilerplate

  •    CSS

A lean, gulp-based HTML & SASS boilerplate for better front-end coding. Note: If you have already installed gulp, skip this section.

optimizedhtml-start-template - OptimizedHTML is all-inclusive, optimized for Google PageSpeed start HTML5 template with Bootstrap (grid only), Gulp, Sass, Browsersync, Autoprefixer, Clean-CSS, Uglify, Imagemin, Vinyl-FTP (+Rsync) and Bower (libs path) support

  •    Javascript

OptimizedHTML is all-inclusive, optimized for Google PageSpeed start HTML5 template with Bootstrap (grid only), Gulp, Sass, Browsersync, Autoprefixer, Clean-CSS, Uglify, Imagemin, Vinyl-FTP and Bower (libs path) support. The template contains a .htaccess file with caching rules for web server. OptimizedHTML Start Template uses the best practices of web development and optimized for Google PageSpeed.

gulp.spritesmith - Convert a set of images into a spritesheet and CSS variables via gulp

  •    Javascript

This is the official port of grunt-spritesmith, the grunt equivalent of a wrapper around spritesmith. Alternative output formats include SASS, Stylus, LESS, and JSON.

gulp-tutorial - Code examples for my Gulp.js tutorial series

  •    Javascript

These are the files for my series Introduction to Gulp.js published on my website stefanimhoff.de. Open gulp/config.js and change settings if needed. Only the rsync settings need to be adjusted. Change the destination to a path on your webserver and change hostname and username.

gulp-responsive - gulp-responsive generates images at different sizes

  •    Javascript

gulp-responsive depends on sharp. Sharp is one of the fastest Node.js modules for resizing JPEG, PNG, WebP and TIFF images. If you are using Mac OS then before installing gulp-responsive you should install the libvips library. Further information and instructions can be found in the sharp installation guide.

gulp-bump - Bump any version in any file which supports semver with gulp (gulpjs.com)

  •    Javascript

gulp-bump v2 supports Any valid semver in any filetype. ####You can view more examples in the example folder.

gulp-rev-replace - Rewrite occurences of filenames which have been renamed by gulp-rev

  •    Javascript

Pipe through a stream which has both the files you want to be updated, as well as the files which have been renamed. For example, we can use gulp-useref to concatenate assets in an index.html, and then use gulp-rev and gulp-rev-replace to cache-bust them.

gulp-clean-css - Minify css with clean-css.

  •    Javascript

This is just a simple gulp plugin, which means it's nothing more than a thin wrapper around clean-css. If it looks like you are having CSS related issues, please contact clean-css. Only create a new issue if it looks like you're having a problem with the plugin itself. See the CleanCSS options.

gulp-rename - Rename files easily

  •    Javascript

gulp-rename is a gulp plugin to rename files easily. gulp-rename provides simple file renaming methods.

gulp-if - Conditionally run a task

  •    Javascript

A ternary gulp plugin: conditionally control the flow of vinyl objects. Note: Badly behaved plugins can often get worse when used with gulp-if. Typically the fix is not in gulp-if.