diff --git a/Gruntfile.js b/Gruntfile.js index 4193f87..b35c795 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -6,6 +6,7 @@ module.exports = function(grunt) { watch: { options: { livereload: true, + spawn: false }, css: { files: ['scss/*.scss'], @@ -29,26 +30,27 @@ module.exports = function(grunt) { }, }, uglify: { - build: { - src: 'js/pushy.min.js', - dest: 'js/pushy.min.js' + dist: { + files: { + 'js/pushy.min.js': 'js/pushy.min.js' + } } }, - sass: { - dist: { + sass: { + dist: { options: { - style: 'expanded' //output style: nested, compact, compressed, expanded + outputStyle: 'expanded' //output style: nested, compact, compressed, expanded }, - files: { + files: { 'css/pushy.css': 'scss/pushy.scss', // 'destination': 'source' 'css/demo.css': 'scss/demo.scss' } } } }); - + // Load grunt plugins - grunt.loadNpmTasks('grunt-contrib-sass'); + grunt.loadNpmTasks('grunt-sass'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-concat'); diff --git a/README.md b/README.md index 84ab600..4543af8 100644 --- a/README.md +++ b/README.md @@ -2,11 +2,11 @@ Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. This project was inspired by the off-canvas navigation menu seen on [Medium](https://medium.com/). -Pushy has been implemented on many sites, [check them out!](https://github.com/christophery/pushy#sites-using-pushy) Feel free to [let me know](http://www.twitter.com/cmyee) if you use Pushy in one of your websites. +Pushy has been implemented on many sites, [check them out!](https://chrisyee.ca/pushy/#sites-using-pushy) Feel free to [let me know](http://www.twitter.com/cmyee) if you use Pushy in one of your websites. Pushy has been featured on the [Treehouse Show](https://teamtreehouse.com/library/episode-118-page-transitions-designing-for-thumbs-concise) and in a [book](https://books.google.ca/books?id=guZjBAAAQBAJ&pg=PA103&lpg=PA103&dq=christopheryee.ca/pushy&source=bl&ots=1x-sSNmTHD&sig=ACfU3U1sFn-MU9bs3ia1UU0d9aNga5rB6w&hl=en&sa=X&ved=2ahUKEwi5wfKP9tnhAhUJbKwKHdbfBXAQ6AEwBnoECAoQAQ#v=onepage&q&f=false)! -[View Demo](https://chrisyee.ca/pushy) | [Sites using Pushy](https://github.com/christophery/pushy#sites-using-pushy) +[View Demo](https://chrisyee.ca/pushy) | [Sites using Pushy](https://chrisyee.ca/pushy/#sites-using-pushy) ## Features @@ -21,7 +21,7 @@ Pushy has been featured on the [Treehouse Show](https://teamtreehouse.com/librar ## Requirements -- [jQuery 1.12+](http://jquery.com/) +- [jQuery 3.x+](https://jquery.com/) ## Install @@ -124,17 +124,19 @@ This data attribute accepts a CSS selector. ``` -### data-menu-btn-class +### data-menu-btn-selector -Use the `data-menu-btn-class` attribute to change the menu button CSS class for toggling the menu. +Use the `data-menu-btn-selector` attribute to change the menu button CSS class for toggling the menu. By default Pushy will use `.menu-btn` to toggle the menu. This data attribute accepts a CSS selector. +**Note:** In v1.4.0 this attribute was renamed from `data-menu-btn-class` to `data-menu-btn-selector` + ```html -