Add slide left effect and exclude quint js from yuidoc task

Author: Rafael J. Staib

Gruntfile.js

@@ -111,6 +111,7 @@ module.exports = function (grunt)
                 version: '<%= pkg.version %>',
                 url: '<%= pkg.homepage %>',
                 options: {
+                    exclude: 'qunit-1.11.0.js',
                     paths: '.',
                     outdir: 'docs/'
                 }
@@ -127,6 +128,7 @@ module.exports = function (grunt)
     grunt.loadNpmTasks('grunt-contrib-compress');
     grunt.loadNpmTasks('grunt-contrib-clean');
 
-    grunt.registerTask('default', ['clean', 'jshint', 'qunit']);
-    grunt.registerTask('release', ['default', 'yuidoc', 'concat', 'uglify', 'compress']);
+    grunt.registerTask('default', ['jshint', 'qunit']);
+    grunt.registerTask('api', ['clean', 'yuidoc']);
+    grunt.registerTask('release', ['default', 'api', 'concat', 'uglify', 'compress']);
 };

README.md

@@ -59,6 +59,24 @@ wizard.steps("add", {
 });
 ```
 
+## Demo
+
+An live demo area will be available soon!
+
+## Documentation
+
+Documentation will follow soon!
+
+However, it is possible to generate a API documentation by using the following *GruntJS* command `grunt api`.
+
+## Reporting an Issue
+
+Instructions will follow soon!
+
+## Contributing
+
+Instructions will follow soon!
+
 ## License
 
 Copyright (c) 2013 Rafael J. Staib Licensed under the [MIT license](https://github.com/rstaib/jquery-steps/blob/master/LICENSE.txt).

demo/css/jquery.steps.css

@@ -29,8 +29,8 @@
 
 .wizard > .steps
 {
-    display: inline-block;
     width: 600px;
+    height: 30px;
 }
 
 .wizard > .steps .number
@@ -74,8 +74,8 @@
 
 .wizard > .content
 {
-    display: inline-block;
     width: 600px;
+    height: 300px;
 }
 
 .wizard > .content > .title
@@ -87,8 +87,10 @@
 .wizard > .content > .body
 {
     border: 1px solid #CCC;
-    width: 100%;
-    height: 200px;
+    float: left;
+    position: absolute;
+    width: 600px;
+    height: 300px;
 }
 
 .wizard > .content > .body > iframe
@@ -100,7 +102,6 @@
 
 .wizard > .actions
 {
-    display: inline-block;
     width: 600px;
 }
 

demo/index.html

@@ -42,7 +42,8 @@ <h1>Basic Demo</h1>
                 {
                     $("#wizard").steps({
                         headerTag: "h2",
-                        bodyTag: "section"
+                        bodyTag: "section",
+			transitionEffect: 'slideLeft'
                     });
                 });
             </script>