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
node_modules
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.
```html
<link rel='stylesheet' href='out/css/perfect-scrollbar.css' />
<link rel='stylesheet' href='dist/css/perfect-scrollbar.css' />
<style>
#container {
position: relative;
@ -128,7 +128,7 @@ var Ps = require('perfect-scrollbar');
Or you can just load the script file as usual.
```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.
@ -187,7 +187,7 @@ require('perfect-scrollbar/jquery')($);
For sure, you can just import a built script.
```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.

4
bower.json
View File

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

4
examples/always-visible.html
View File

@ -3,8 +3,8 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script>
<link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../dist/js/perfect-scrollbar.global.js"></script>
<style>
h1 { text-align: center; }
.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>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet">
<link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<style>
.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; }

4
examples/iframe.html
View File

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

4
examples/jquery.html
View File

@ -3,9 +3,9 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<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="../out/js/perfect-scrollbar.jquery.js"></script>
<script src="../dist/js/perfect-scrollbar.jquery.js"></script>
<style>
.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; }

4
examples/options-default.html
View File

@ -3,8 +3,8 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script>
<link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../dist/js/perfect-scrollbar.global.js"></script>
<style>
.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; }

4
examples/options-minScrollbarLength.html
View File

@ -3,8 +3,8 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script>
<link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../dist/js/perfect-scrollbar.global.js"></script>
<style>
.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; }

4
examples/options-suppressScrollAxis.html
View File

@ -3,8 +3,8 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script>
<link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../dist/js/perfect-scrollbar.global.js"></script>
<style>
.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; }

4
examples/options-useBothWheelAxes.html
View File

@ -3,8 +3,8 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script>
<link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../dist/js/perfect-scrollbar.global.js"></script>
<style>
.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; }

4
examples/options-wheelPropagation.html
View File

@ -3,8 +3,8 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script>
<link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../dist/js/perfect-scrollbar.global.js"></script>
<style>
.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; }

4
examples/options-wheelSpeed.html
View File

@ -3,8 +3,8 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script>
<link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../dist/js/perfect-scrollbar.global.js"></script>
<style>
.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; }

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

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

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

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

4
examples/rtl.html
View File

@ -3,8 +3,8 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script>
<link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../dist/js/perfect-scrollbar.global.js"></script>
<style>
.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; }

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

@ -3,8 +3,8 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script>
<link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../dist/js/perfect-scrollbar.global.js"></script>
<style>
.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; }

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

@ -3,8 +3,8 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>perfect-scrollbar example</title>
<link href="../out/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../out/js/perfect-scrollbar.global.js"></script>
<link href="../dist/css/perfect-scrollbar.css" rel="stylesheet">
<script src="../dist/js/perfect-scrollbar.global.js"></script>
<style>
.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; }

4
examples/table-content.html
View File

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

4
examples/text-content.html
View File

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

20
gulpfile.js
View File

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