Add SASS Styles

.gitignore

@@ -1 +1,171 @@
+#################
+## Eclipse
+#################
+
+*.pydevproject
+.project
+.metadata
+bin/
+tmp/
+*.tmp
+*.bak
+*.swp
+*~.nib
+local.properties
+.classpath
+.settings/
+.loadpath
+
+# External tool builders
+.externalToolBuilders/
+
+# Locally stored "Eclipse launch configurations"
+*.launch
+
+# CDT-specific
+.cproject
+
+# PDT-specific
+.buildpath
+
+
+#################
+## Visual Studio
+#################
+
+## Ignore Visual Studio temporary files, build results, and
+## files generated by popular Visual Studio add-ons.
+
+# User-specific files
+*.suo
+*.user
+*.sln.docstates
+
+# Build results
+[Dd]ebug/
+[Rr]elease/
+*_i.c
+*_p.c
+*.ilk
+*.meta
+*.obj
+*.pch
+*.pdb
+*.pgc
+*.pgd
+*.rsp
+*.sbr
+*.tlb
+*.tli
+*.tlh
+*.tmp
+*.vspscc
+.builds
+*.dotCover
+
+## TODO: If you have NuGet Package Restore enabled, uncomment this
+#packages/
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opensdf
+*.sdf
+
+# Visual Studio profiler
+*.psess
+*.vsp
+
+# ReSharper is a .NET coding add-in
+_ReSharper*
+
+# Installshield output folder
+[Ee]xpress
+
+# DocProject is a documentation generator add-in
+DocProject/buildhelp/
+DocProject/Help/*.HxT
+DocProject/Help/*.HxC
+DocProject/Help/*.hhc
+DocProject/Help/*.hhk
+DocProject/Help/*.hhp
+DocProject/Help/Html2
+DocProject/Help/html
+
+# Click-Once directory
+publish
+
+# Others
+[Bb]in
+[Oo]bj
+sql
+TestResults
+*.Cache
+ClientBin
+stylecop.*
+~$*
+*.dbmdl
+Generated_Code #added for RIA/Silverlight projects
+
+# Backup & report files from converting an old project file to a newer
+# Visual Studio version. Backup files are not needed, because we have git ;-)
+_UpgradeReport_Files/
+Backup*/
+UpgradeLog*.XML
+
+
+
+############
+## Windows
+############
+
+# Windows image file caches
+Thumbs.db
+
+# Folder config file
+Desktop.ini
+
+
+#############
+## Python
+#############
+
+*.py[co]
+
+# Packages
+*.egg
+*.egg-info
+dist
+build
+eggs
+parts
+bin
+var
+sdist
+develop-eggs
+.installed.cfg
+
+# Installer logs
+pip-log.txt
+
+# Unit test / coverage reports
+.coverage
+.tox
+
+#Translations
+*.mo
+
+#Mr Developer
+.mr.developer.cfg
+
+# Mac crap
 .DS_Store
+
+.idea
+
+node_modules
+js/components
+sass/*.css
+.sass-cache
+bower_components

README.markdown

@@ -9,6 +9,12 @@ Joyride is MIT-licensed and absolutely free to use.
 
 Joyride 3.0 - In Progress (v3 branch)
 
+New in 2.2 - May 15, 2014
+* Customizable and configurable SASS styles
+* Added ``bower.json`` and [bower](http://bower.io) support
+* Added [gulp](http://gulpjs.com/) gulpfile for building with [autoprefixer](https://github.com/ai/autoprefixer)
+* Add better directory structure for build system
+
 New in 2.1 - June 26, 2013
 * New `scroll` option.
 * New `autoStart` option.
@@ -34,9 +40,11 @@ New in 2.0.2 - Novmeber 7, 2012
 * Fix for reinitialization of plugin.
 
 New in 2.0.1 - September 28, 2012
+
 * Skip missing tooltip targets
 
 New in 2.0 - September 28, 2012
+
 * remove counters in favor of jQuery's in-built .next() method
 * button text is now defined with a data-button attribute, data-text will be deprecated in 3.0
 * edge-aware tooltips that reposition based on proximity to edge of screen (thanks to Jason from Hugo4GL for help with this)
@@ -58,17 +66,33 @@ Documentation
 
 Comprehensive documentation is available on the Joyride homepage listed above.
 
-Repo Contents
+Building
 =============
+In order to build, first install node dependencies:
+
+```
+npm install
+```
+
+Then, to start compiling and watching, use the gulp task:
+
+```
+gulp server
+```
+
+To compile SASS files, use:
+
+```
+gulp sass
+```
+
+This will compile all styles using autoprefixer.
+
+To build javascript, use:
+
+```
 
-* README
-* DEMO - Demo specific files, not necessary to use the plugin
-* joyride-2.1.css - Default Joyride styles, required
-* jquery-1.10.1.js - A version of jQuery, required, 1.4.3+ is required
-* jquery.joyride-2.1.js - The heart of Joyride, required
-* modernizr.mq.js - A custom build of Modernizr with just mediaqueries
-* jquery.cookie.js - required for cookie support.
-* .gitignore - Those pesky DS_Store files...this is not part of the plugin
+```
 
 ZURB
 ====

bower.json

@@ -0,0 +1,30 @@
+{
+  "name": "jquery-joyride",
+  "version": "2.3.0",
+  "homepage": "https://github.com/srsgores/joyride",
+  "authors": [
+    "Sean <[email protected]>"
+  ],
+  "description": "jQuery tours with Foundation",
+  "main": "jquery.joyride.js",
+  "keywords": [
+    "jquery",
+    "tour",
+    "zurb",
+    "foundation",
+    "tutorial"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "jquery": "~2.1.1",
+    "modernizr": "~2.8.1",
+    "jquery-cookie": "~1.4.1"
+  }
+}

demo/demo.html

@@ -14,7 +14,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <!-- Attach our CSS -->
-    <link rel="stylesheet" href="../joyride-2.1.css">
+    <link rel="stylesheet" href="../dist/css/joyride.css">
     <link rel="stylesheet" href="demo-style.css">
     <link rel="stylesheet" href="mobile.css">
 

gulpfile.js

@@ -0,0 +1,34 @@
+// jQuery Joyride - created with Gulp Fiction
+var gulp = require("gulp");
+var livereload = require("gulp-livereload"),
+	watch = require("gulp-watch"),
+	prefix = require("gulp-autoprefixer");
+	sass = require("gulp-sass");
+var concat = require("gulp-concat");
+
+gulp.task("js", function () {
+	gulp.src([{"path":"./src/scripts/*.js"}])
+		.pipe(concat("jquery-joyride.min.js"))
+		.pipe(gulp.dest("./dist/"));
+});
+
+// TODO: Fix autoprefixer settings not working
+gulp.task("sass", function() {
+	gulp.src("./src/sass/*.scss")
+		.pipe(sass())
+		.pipe(prefix("last 1 version", "> 1%", "ie 8", "ie 7"))
+		.pipe(gulp.dest("./dist/css"))
+});
+
+gulp.task("watch", function () {
+	var server = livereload();
+	gulp.watch("./dist/**").on("change", function(file) {
+		server.changed(file.path);
+	});
+});
+
+gulp.task("server", function(next) {
+	var connect = require("connect"),
+		server = connect();
+	server.use(connect.static(dest)).listen(process.env.PORT || 80, next);
+});