cartodb4/perfect-scrollbar
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change the output dir name from out to dist.

Browse Source
This commit is contained in:
Hyunje Alex Jun 2015-02-12 19:56:27 +00:00
parent 9668a79468
commit 41ca0246ad
21 changed files with 49 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -1,4 +1,4 @@
.DS_Store .DS_Store
node_modules node_modules
bower_components bower_components
/out /dist

6
README.md
View File

@ -108,7 +108,7 @@ First of all, please check if the container element meets the
requirements. requirements.
```html ```html
<link rel='stylesheet' href='out/css/perfect-scrollbar.css' /> <link rel='stylesheet' href='dist/css/perfect-scrollbar.css' />
<style> <style>
#container { #container {
position: relative; position: relative;
@ -128,7 +128,7 @@ var Ps = require('perfect-scrollbar');
Or you can just load the script file as usual. Or you can just load the script file as usual.
```html ```html
<script src='out/js/perfect-scrollbar.js'></script> <script src='dist/js/perfect-scrollbar.js'></script>
``` ```
To initialise the plugin, `Ps.initialize` is used. To initialise the plugin, `Ps.initialize` is used.
@ -187,7 +187,7 @@ require('perfect-scrollbar/jquery')($);
For sure, you can just import a built script. For sure, you can just import a built script.
```html ```html
<script src='out/js/perfect-scrollbar.jquery.js'></script> <script src='dist/js/perfect-scrollbar.jquery.js'></script>
``` ```
After importing it, you can use the plugin in the usual way. After importing it, you can use the plugin in the usual way.

4
bower.json
View File

@ -7,8 +7,8 @@
], ],
"description": "Tiny but perfect jQuery scrollbar plugin", "description": "Tiny but perfect jQuery scrollbar plugin",
"main": [ "main": [
"out/css/perfect-scrollbar.css", "dist/css/perfect-scrollbar.css",
"out/js/perfect-scrollbar.js" "dist/js/perfect-scrollbar.js"
], ],
"license": "MIT", "license": "MIT",
"ignore": [ "ignore": [

4
examples/always-visible.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
h1 { text-align: center; } h1 { text-align: center; }
.container { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; } .container { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; }

2
examples/iframe-content.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<style> <style>
.contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; } .contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; }
.contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; } .contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; }

4
examples/iframe.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
#iframe { width: 100%; min-height: 450px; border: 0; } #iframe { width: 100%; min-height: 450px; border: 0; }
html { direction: rtl; } html { direction: rtl; }

4
examples/jquery.html
View File

@ -3,9 +3,9 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../out/js/perfect-scrollbar.jquery.js"></script> <script src="../dist/js/perfect-scrollbar.jquery.js"></script>
<style> <style>
.contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; } .contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; }
.contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; } .contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; }

4
examples/options-default.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
.contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; } .contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; }
.contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; } .contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; }

4
examples/options-minScrollbarLength.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
.contentHolder { position:relative; margin:0px auto; padding:0px; width: 640px; height: 360px; overflow: hidden; } .contentHolder { position:relative; margin:0px auto; padding:0px; width: 640px; height: 360px; overflow: hidden; }
.contentHolder .content { background-image: url('./azusa.jpg'); width: 12800px; height: 7200px; } .contentHolder .content { background-image: url('./azusa.jpg'); width: 12800px; height: 7200px; }

4
examples/options-suppressScrollAxis.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
.contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; } .contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; }
.contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; } .contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; }

4
examples/options-useBothWheelAxes.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
.contentHolder { position:relative; margin:0px auto; padding:0px; width: 640px; height: 360px; overflow: hidden; } .contentHolder { position:relative; margin:0px auto; padding:0px; width: 640px; height: 360px; overflow: hidden; }
.contentHolder .content-x { background-image: url('./azusa.jpg'); width: 1920px; height: 360px; } .contentHolder .content-x { background-image: url('./azusa.jpg'); width: 1920px; height: 360px; }

4
examples/options-wheelPropagation.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
.contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; } .contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; }
.contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; } .contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; }

4
examples/options-wheelSpeed.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
.contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; } .contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; }
.contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; } .contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; }

4
examples/reach-the-end-callback.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
#description { #description {
border: 1px solid gray; border: 1px solid gray;

4
examples/removable-list-element.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
#test { #test {
border: 1px solid gray; border: 1px solid gray;

4
examples/rtl.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
.contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; } .contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; }
.contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; } .contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; }

4
examples/scrollbars-on-the-opposite-side.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
.contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; } .contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; }
.contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; } .contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; }

4
examples/scrollbars-with-margin.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
.contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; } .contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; }
.contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; } .contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; }

4
examples/table-content.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
#table { #table {
font-size: 20px; font-size: 20px;

4
examples/text-content.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title> <title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet"> <link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script> <script src="../dist/js/perfect-scrollbar.global.js"></script>
<style> <style>
#description { #description {
border: 1px solid gray; border: 1px solid gray;

20
gulpfile.js
View File

@ -20,12 +20,12 @@ gulp.task('lint', function () {
}); });
gulp.task('clean:js', function () { gulp.task('clean:js', function () {
return gulp.src('./out/js/*.js', {read: false}) return gulp.src('./dist/js/*.js', {read: false})
.pipe(rimraf()); .pipe(rimraf());
}); });
gulp.task('clean:js:min', function () { gulp.task('clean:js:min', function () {
return gulp.src('./out/js/min/*.js', {read: false}) return gulp.src('./dist/js/min/*.js', {read: false})
.pipe(rimraf()); .pipe(rimraf());
}); });
@ -46,7 +46,7 @@ gulp.task('js', ['clean:js'], function () {
path.basename = 'perfect-scrollbar.' + path.basename; path.basename = 'perfect-scrollbar.' + path.basename;
} }
})) }))
.pipe(gulp.dest('./out/js')) .pipe(gulp.dest('./dist/js'))
.pipe(connect.reload()); .pipe(connect.reload());
}); });
@ -61,16 +61,16 @@ gulp.task('js:min', ['clean:js:min'], function () {
path.basename = 'perfect-scrollbar.' + path.basename + '.min'; path.basename = 'perfect-scrollbar.' + path.basename + '.min';
} }
})) }))
.pipe(gulp.dest('./out/js/min')); .pipe(gulp.dest('./dist/js/min'));
}); });
gulp.task('clean:css', function () { gulp.task('clean:css', function () {
return gulp.src('./out/css/perfect-scrollbar.css', {read: false}) return gulp.src('./dist/css/perfect-scrollbar.css', {read: false})
.pipe(rimraf()); .pipe(rimraf());
}); });
gulp.task('clean:css:min', function () { gulp.task('clean:css:min', function () {
return gulp.src('./out/css/perfect-scrollbar.min.css', {read: false}) return gulp.src('./dist/css/perfect-scrollbar.min.css', {read: false})
.pipe(rimraf()); .pipe(rimraf());
}); });
@ -78,7 +78,7 @@ gulp.task('sass', ['clean:css'], function () {
return gulp.src('./src/css/main.scss') return gulp.src('./src/css/main.scss')
.pipe(sass()) .pipe(sass())
.pipe(rename('perfect-scrollbar.css')) .pipe(rename('perfect-scrollbar.css'))
.pipe(gulp.dest('./out/css')) .pipe(gulp.dest('./dist/css'))
.pipe(connect.reload()); .pipe(connect.reload());
}); });
@ -86,7 +86,7 @@ gulp.task('sass:min', ['clean:css:min'], function () {
return gulp.src('./src/css/main.scss') return gulp.src('./src/css/main.scss')
.pipe(sass({outputStyle: 'compressed'})) .pipe(sass({outputStyle: 'compressed'}))
.pipe(rename('perfect-scrollbar.min.css')) .pipe(rename('perfect-scrollbar.min.css'))
.pipe(gulp.dest('./out/css')); .pipe(gulp.dest('./dist/css'));
}); });
function bumpType() { function bumpType() {
@ -124,9 +124,9 @@ gulp.task('watch', function () {
gulp.task('serve', ['connect', 'watch']); gulp.task('serve', ['connect', 'watch']);
gulp.task('compress', function () { gulp.task('compress', function () {
return gulp.src('./out/**') return gulp.src('./dist/**')
.pipe(zip('perfect-scrollbar.zip')) .pipe(zip('perfect-scrollbar.zip'))
.pipe(gulp.dest('./out')); .pipe(gulp.dest('./dist'));
}); });
gulp.task('default', ['lint', 'build']); gulp.task('default', ['lint', 'build']);