gulp-sass-graph - Sass-import-aware gulp plugin for when sass files change

  •        5

Only pass along Sass files that have changed, along with dependencies.

https://github.com/xzyfer/gulp-sass-graph

Dependencies:

lodash : ~2.4.0
gulp-util : ~2.2.0
through2 : ~0.4.0
vinyl : ~0.2.3
glob : ~3.2.8

Tags
Implementation
License
Platform

   




Related Projects

gulp-sass - SASS plugin for gulp

  •    Javascript

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.

gulp-changed - Only pass through changed files

  •    Javascript

No more wasting precious time on processing unchanged files.By default it's only able to detect whether files in the stream changed. If you require something more advanced like knowing if imports/dependencies changed, create a custom comparator, or use another plugin.

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.

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.

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-useref - Parse build blocks in HTML files to replace references to non-optimized scripts or stylesheets

  •    Javascript

Inspired by the grunt plugin grunt-useref. It can handle file concatenation but not minification. Files are then passed down the stream. For minification of assets or other modifications, use gulp-if to conditionally handle specific types of assets. Changes under the hood have made the code more efficient and simplified the API. Since the API has changed, please observe the usage examples below.

sass-json-vars - Import variables as JSON into Sass

  •    Ruby

@import json data into Sass $variables.Important: the latest version of sass-rails is locked in to Sass 3.2. This means that Sass maps are not available to sass-json-vars to parse nested objects.

dart-sass - A Dart implementation of Sass.

  •    Dart

A Dart implementation of Sass. Sass makes CSS fun again. There are a few different ways to install and run Dart Sass, depending on your environment and your needs.

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.

wellington - Spriting that sass has been missing

  •    Go

wt is a Sass preprocessor tool geared towards projects written in Sass. It focuses on tasks that make working on a Sass site friendlier and much faster. wt extends the Sass language to include spriting and image operations not currently possible in the core language.You can try out Wellington on Codepen, fork the Wellington Playground! This live example has images you can use, or you can bring your Sass.

bourbon - A Lightweight Sass Tool Set

  •    Ruby

Bourbon is a library of Sass mixins and functions that are designed to make you a more efficient style sheet author. Alternatively, you can install Bourbon with Bower.

bootswatch-rails - Bootswatches converted to SCSS ready to use in Rails asset pipeline.

  •    Ruby

This gem is meant to be used with bootstrap-sass. It gives you complete scss versions of bootswatches for use in your Rails asset pipeline, just like bootstrap-sass gives you scss version of bootstrap itself. When using bootstrap-sass, it's recommended to avoid sprockets in your stylesheets. In order to do that you simply rename your application.css file to application.css.scss, remove all sprockets comments, and instead use sass @import commands. These commands are smart enough to fully support asset pipeline load paths, thanks to sass-rails gem.