Martin Macola / wrapper-demo

Download as
Browse Code ยป

Commit b94eaa48e291a30e53650f379295f55994356e25

Authored by Pablo Marco del Pont
1 parent 96e13084df
Exists in master and in 1 other branch develop

Cambios de estilo para botonera secundaria.

Showing 2 changed files with 13 additions and 3 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-es').default; 5 const uglify = require('gulp-uglify-es').default;
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 11
12 var paths = { 12 var paths = {
13 srcHTML : 'src/views/*.html', 13 srcHTML : 'src/views/*.html',
14 srcJS : 'src/**/*.js', 14 srcJS : 'src/js/*.js',
15 dist : 'dist/', 15 dist : 'dist/',
16 distHTML : 'dist/views/' 16 distHTML : 'dist/views/'
17 }; 17 };
18 18
19 gulp.task('uglify', function() { 19 gulp.task('uglify', function() {
20 pump( 20 pump(
21 [ 21 [
22 gulp.src(paths.srcJS), 22 gulp.src(paths.srcJS),
23 concat('wrapper-demo.js'), 23 concat('wrapper-demo.js'),
24 replace('/src/', '/dist/'), 24 replace('/src/', '/dist/'),
25 gulp.dest(paths.dist), 25 gulp.dest(paths.dist),
26 rename('wrapper-demo.min.js'), 26 rename('wrapper-demo.min.js'),
27 uglify(), 27 uglify(),
28 gulp.dest(paths.dist) 28 gulp.dest(paths.dist)
29 ] 29 ]
30 ); 30 );
31 }); 31 });
32 32
33 gulp.task('html', function() { 33 gulp.task('html', function() {
34 pump([ 34 pump([
35 gulp.src('index.html'), 35 gulp.src('index.html'),
36 replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'), 36 replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'),
37 gulp.dest(paths.dist) 37 gulp.dest(paths.dist)
38 ]); 38 ]);
39 pump([ 39 pump([
40 gulp.src(paths.srcHTML), 40 gulp.src(paths.srcHTML),
41 gulp.dest(paths.distHTML) 41 gulp.dest(paths.distHTML)
42 ]); 42 ]);
43 }) 43 })
44 44
45 gulp.task('sass', function() { 45 gulp.task('sass', function() {
46 return gulp.src('src/sass/*.scss') 46 return gulp.src('src/sass/*.scss')
47 .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) 47 .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
48 .pipe(gulp.dest('css')); 48 .pipe(gulp.dest('css'));
49 }); 49 });
50 50
51 gulp.task('pre-commit', function() { 51 gulp.task('pre-commit', function() {
52 pump( 52 pump(
53 [ 53 [
54 gulp.src(paths.srcJS), 54 gulp.src(paths.srcJS),
55 jshint('.jshintrc'), 55 jshint('.jshintrc'),
56 jshint.reporter('default'), 56 jshint.reporter('default'),
57 jshint.reporter('fail') 57 jshint.reporter('fail')
58 ] 58 ]
59 ); 59 );
60 gulp.start('uglify'); 60 gulp.start('uglify');
61 gulp.start('sass'); 61 gulp.start('sass');
62 }); 62 });
63 63
64 gulp.task('webserver', function() { 64 gulp.task('webserver', function() {
65 pump [ 65 pump [
66 connect.server( 66 connect.server(
67 { 67 {
68 port: 3000, 68 port: 3000,
69 host: '0.0.0.0' 69 host: '0.0.0.0'
70 } 70 }
71 ) 71 )
72 ] 72 ]
73 }); 73 });
74 74
75 gulp.task('watch', function() { 75 gulp.task('watch', function() {
76 gulp.watch(archivosJS, ['uglify']); 76 gulp.watch([paths.srcJS], ['uglify']);
77 gulp.watch('css/scss/*.scss', ['sass']); 77 gulp.watch('src/sass/*.scss', ['sass']);
78 }) 78 })
79 79
80 gulp.task('reload'), function() { 80 gulp.task('reload'), function() {
81 connect.reload(); 81 connect.reload();
82 } 82 }
83 83
84 gulp.task('livereload', function() { 84 gulp.task('livereload', function() {
85 gulp.watch('css/*.css', ['reload']); 85 gulp.watch('css/*.css', ['reload']);
86 gulp.watch('js/dist/*.js', ['reload']); 86 gulp.watch('js/dist/*.js', ['reload']);
87 gulp.watch('vistas/**/*.html', ['reload']); 87 gulp.watch('vistas/**/*.html', ['reload']);
88 }); 88 });
89 89
90 gulp.task('default', ['webserver']); 90 gulp.task('default', ['webserver']);
91 91
src/sass/_botonera-secundaria.scss
Diff comments   View file @ b94eaa4
1 .botonera-secundaria { 1 .botonera-secundaria {
2 background-color: rgba(0, 0, 0, 0.8); 2 background-color: rgba(0, 0, 0, 0.8);
3 .row {
4 border-radius: 5px;
5 overflow: hidden;
6 }
7 .btn {
8 border-radius: 0;
9 margin-right: 1px;
10 width: calc(100% - 1px);
11 margin-bottom: 1px;
12 }
3 } 13 }
4 14