Fixed #44

Author: kiran

README.md

@@ -80,3 +80,14 @@ var SimpleSlider = React.createClass({
 | variableWidth | bool |||
 | vertical | bool |||
 | afterChange | function | callback function called when the current index changes | Yes (since pull req #17) |
+
+### Development
+Want to run demos locally
+```
+git clone https://github.com/akiran/react-slick
+npm install
+npm start
+open http://localhost:8000
+```
+
+

docs/docs.scss

@@ -1,5 +1,6 @@
 
 @import "foundation-apps/scss/foundation";
+$primary-color: #00558B;
 
 $slick-font-path: "/fonts/";
 $slick-arrow-color: $primary-color;

gulpfile.js

@@ -1,6 +1,6 @@
 var gulp = require('gulp');
 var del = require('del');
-var sass = require('gulp-ruby-sass');
+var sass = require('gulp-sass');
 var webpack = require('webpack');
 var WebpackDevServer = require('webpack-dev-server');
 var runSequence = require('run-sequence');
@@ -13,25 +13,25 @@ gulp.task('clean', function () {
 gulp.task('copy', function () {
   gulp.src('./docs/index.html')
     .pipe(gulp.dest('./build'));
-  gulp.src('./bower_components/slick-carousel/slick/fonts/*')
+  gulp.src('./node_modules/slick-carousel/slick/fonts/*')
       .pipe(gulp.dest('./build/fonts'));
-  return gulp.src('./bower_components/slick-carousel/slick/ajax-loader.gif')
+  return gulp.src('./node_modules/slick-carousel/slick/ajax-loader.gif')
       .pipe(gulp.dest('./build'));
 });
 
-gulp.task('sass', function () {
-  return  gulp.src(['./docs/**/*.scss'])
-              .pipe(sass({ loadPath : ['bower_components', 'node_modules'],}))
-               .on('error', function (err) { console.log(err.message); })
-              .pipe(gulp.dest('./build'));
-});
-
 // gulp.task('sass', function () {
-//   return  gulp.src(['./docs/**/*.{scss,sass}'])
-//               .pipe(sass({ includePaths : ['bower_components', 'node_modules'], errLogToConsole: true}))
+//   return  gulp.src(['./docs/**/*.scss'])
+//               .pipe(sass({ loadPath : ['bower_components', 'node_modules'],}))
+//                .on('error', function (err) { console.log(err.message); })
 //               .pipe(gulp.dest('./build'));
 // });
 
+gulp.task('sass', function () {
+  return  gulp.src(['./docs/**/*.{scss,sass}'])
+              .pipe(sass({ includePaths : ['bower_components', 'node_modules'], errLogToConsole: true}))
+              .pipe(gulp.dest('./build'));
+});
+
 gulp.task('watch', ['copy', 'sass'], function () {
   gulp.watch(['./docs/**/*.{scss,sass}'], ['sass']);
   gulp.watch(['./docs/index.html'], ['copy']);

package.json

@@ -29,9 +29,9 @@
     "deepmerge": "^0.2.7",
     "del": "^1.1.1",
     "express": "^4.11.0",
+    "foundation-apps": "^1.0.2",
     "gulp": "^3.8.10",
-    "gulp-rimraf": "^0.1.1",
-    "gulp-ruby-sass": "^0.7.1",
+    "gulp-sass": "^2.0.1",
     "jade": "^1.9.1",
     "jquery": "^2.1.3",
     "jsx-loader": "^0.12.2",
@@ -44,12 +44,12 @@
     "postcss-loader": "^0.3.0",
     "react-hot-loader": "^1.1.1",
     "react-router": "^0.11.6",
+    "reactify": "^1.0.0",
     "run-sequence": "^1.0.2",
     "sinon": "^1.12.2",
     "style-loader": "^0.8.3",
     "webpack": "^1.5.1",
-    "webpack-dev-server": "^1.7.0",
-    "reactify": "^1.0.0"
+    "webpack-dev-server": "^1.7.0"
   },
   "dependencies": {
     "classnames": "^1.2.0",