Marcelo Puebla / wrapper-demo

Download as
Browse Code ยป

Commit 5d79539731f97d7353cb1c37d0757094a47dea13

Authored by Benjamin Rodriguez
1 parent c6aa05d45b
Exists in develop

cambio nombre clase

Showing 2 changed files with 2 additions and 2 deletions   Show diff stats
1 const gulp = require('gulp'); 1 const gulp = require('gulp');
2 const sass = require('gulp-sass'); 2 const sass = require('gulp-sass');
3 const concat = require('gulp-concat'); 3 const concat = require('gulp-concat');
4 const rename = require('gulp-rename'); 4 const rename = require('gulp-rename');
5 const uglify = require('gulp-uglify'); 5 const uglify = require('gulp-uglify');
6 const pump = require('pump'); 6 const pump = require('pump');
7 const jshint = require('gulp-jshint'); 7 const jshint = require('gulp-jshint');
8 const replace = require('gulp-replace'); 8 const replace = require('gulp-replace');
9 const connect = require('gulp-connect'); 9 const connect = require('gulp-connect');
10 const watch = require('gulp-watch'); 10 const watch = require('gulp-watch');
11 const gulpSequence = require('gulp-sequence') 11 const gulpSequence = require('gulp-sequence')
12 var paths = { 12 var paths = {
13 srcHTML : 'src/views/*.html', 13 srcHTML : 'src/views/*.html',
14 srcJS : 'src/js/*.js', 14 srcJS : 'src/js/*.js',
15 confJS : 'src/etc/develop.js', 15 confJS : 'src/etc/develop.js',
16 dist : 'dist/', 16 dist : 'dist/',
17 distHTML : 'dist/views/' 17 distHTML : 'dist/views/'
18 }; 18 };
19 19
20 gulp.task('uglify', function() { 20 gulp.task('uglify', function() {
21 pump( 21 pump(
22 [ 22 [
23 gulp.src([paths.srcJS, paths.confJS]), 23 gulp.src([paths.srcJS, paths.confJS]),
24 concat('wrapper-demo.js'), 24 concat('wrapper-demo.js'),
25 replace('/src/', '/dist/'), 25 replace('/src/', '/dist/'),
26 gulp.dest(paths.dist), 26 gulp.dest(paths.dist),
27 rename('wrapper-demo.min.js'), 27 rename('wrapper-demo.min.js'),
28 uglify(), 28 uglify(),
29 gulp.dest(paths.dist) 29 gulp.dest(paths.dist)
30 ] 30 ]
31 ); 31 );
32 }); 32 });
33 33
34 gulp.task('html', function() { 34 gulp.task('html', function() {
35 pump([ 35 pump([
36 gulp.src('index.html'), 36 gulp.src('index.html'),
37 replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'), 37 replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'),
38 gulp.dest(paths.dist) 38 gulp.dest(paths.dist)
39 ]); 39 ]);
40 pump([ 40 pump([
41 gulp.src(paths.srcHTML), 41 gulp.src(paths.srcHTML),
42 gulp.dest(paths.distHTML) 42 gulp.dest(paths.distHTML)
43 ]); 43 ]);
44 }); 44 });
45 45
46 gulp.task('sass', function() { 46 gulp.task('sass', function() {
47 return gulp.src('src/sass/*.scss') 47 return gulp.src('src/sass/*.scss')
48 .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) 48 .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
49 .pipe(gulp.dest('css')); 49 .pipe(gulp.dest('css'));
50 }); 50 });
51 51
52 gulp.task('pre-install', function() { 52 gulp.task('pre-install', function() {
53 pump([ 53 pump([
54 gulp.src('package.json'), 54 gulp.src('package.json'),
55 replace('ssh://git@debonline.dyndns.org:', 'http://git.focasoftware.com/'), 55 replace('ssh://git@debonline.dyndns.org:', 'http://git.focasoftware.com/'),
56 replace('.git', '.git#develop'), 56 replace('.git', '.git#develop'),
57 gulp.dest('') 57 gulp.dest('')
58 ]); 58 ]);
59 }); 59 });
60 60
61 gulp.task('post-install', function() { 61 gulp.task('post-install', function() {
62 pump([ 62 pump([
63 gulp.src('package.json'), 63 gulp.src('package.json'),
64 replace('http://git.focasoftware.com/', 'ssh://git@debonline.dyndns.org:'), 64 replace('http://git.focasoftware.com/', 'ssh://git@debonline.dyndns.org:'),
65 replace('#develop', ''), 65 replace('#develop', ''),
66 gulp.dest('') 66 gulp.dest('')
67 ]); 67 ]);
68 }); 68 });
69 69
70 gulp.task('pre-commit', function() { 70 gulp.task('pre-commit', function() {
71 return pump( 71 return pump(
72 [ 72 [
73 gulp.src(paths.srcJS), 73 gulp.src(paths.srcJS),
74 jshint('.jshintrc'), 74 jshint('.jshintrc'),
75 jshint.reporter('default'), 75 jshint.reporter('default'),
76 jshint.reporter('fail') 76 jshint.reporter('fail')
77 ] 77 ]
78 ); 78 );
79 }); 79 });
80 80
81 gulp.task('webserver', function() { 81 gulp.task('webserver', function() {
82 pump [ 82 pump [
83 connect.server( 83 connect.server(
84 { 84 {
85 port: 8086, 85 port: 4203,
86 host: '0.0.0.0', 86 host: '0.0.0.0',
87 livereload: true 87 livereload: true
88 } 88 }
89 ) 89 )
90 ] 90 ]
91 }); 91 });
92 92
93 gulp.task('watch', function() { 93 gulp.task('watch', function() {
94 gulp.watch([paths.srcJS], ['uglify']); 94 gulp.watch([paths.srcJS], ['uglify']);
95 gulp.watch('src/sass/*.scss', ['sass']); 95 gulp.watch('src/sass/*.scss', ['sass']);
96 }); 96 });
97 97
98 gulp.task('reload', function() { 98 gulp.task('reload', function() {
99 gulp.src(['src/sass/*.scss', 'index.html']) 99 gulp.src(['src/sass/*.scss', 'index.html'])
100 .pipe(connect.reload()); 100 .pipe(connect.reload());
101 }); 101 });
102 102
103 gulp.task('livereload', function() { 103 gulp.task('livereload', function() {
104 gulp.watch('css/*.css', ['reload']); 104 gulp.watch('css/*.css', ['reload']);
105 gulp.watch('js/dist/*.js', ['reload']); 105 gulp.watch('js/dist/*.js', ['reload']);
106 gulp.watch('vistas/**/*.html', ['reload']); 106 gulp.watch('vistas/**/*.html', ['reload']);
107 gulp.watch('index.html', ['reload']); 107 gulp.watch('index.html', ['reload']);
108 }); 108 });
109 109
110 gulp.task('default', gulpSequence(['sass', 'webserver', 'livereload', 'watch'])); 110 gulp.task('default', gulpSequence(['sass', 'webserver', 'livereload', 'watch']));
111 111
src/sass/_tabla-articulos.scss
Diff comments   View file @ 5d79539
1 .tabla-articulo { 1 .tabla-articulo {
2 max-height: 420px; 2 max-height: 420px;
3 background-color: #67615e; 3 background-color: #67615e;
4 color: #FFF; 4 color: #FFF;
5 5
6 tr { 6 tr {
7 display: inline-table; 7 display: inline-table;
8 table-layout: fixed; 8 table-layout: fixed;
9 } 9 }
10 10
11 tbody { 11 tbody {
12 overflow-y: auto; 12 overflow-y: auto;
13 max-height: 280px; 13 max-height: 280px;
14 display: block; 14 display: block;
15 } 15 }
16 16
17 thead > tr > th { 17 thead > tr > th {
18 line-height: 30px 18 line-height: 30px
19 } 19 }
20 20
21 @media(max-width: 768px){ 21 @media(max-width: 992px){
22 tr{ 22 tr{
23 display: block; 23 display: block;
24 span{ 24 span{
25 line-height: 35px; 25 line-height: 35px;
26 } 26 }
27 } 27 }
28 tfoot tr{ 28 tfoot tr{
29 display: flex; 29 display: flex;
30 } 30 }
31 } 31 }
32 } 32 }
33 33