gulp.task('styles', function(){
gulp.src('src/styles/styles.scss')
.pipe(sass().on('error', sass.logError))
.pipe(rename('style.css'))
.pipe(gulp.dest('src/css/'));
gulp.src(['!src/css/ie8.css', 'src/css/*.css'])
.pipe(concatCss('main.css'))
.pipe(cssmin())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('build/css'));
});
gulp.task('oai', function() {
gulp.src(cssfiles)
.pipe(concat('oai.css'))
.pipe(gulp.dest('dist/css'));
gulp.src('dist/css/oai.css')
.pipe(minifycss())
.pipe(rename({
extname: '.min.css'
}))
.pipe(gulp.dest('dist/css'));
});
gulp.task('bundle-css', function () {
return gulp.src(SRC_CSS)
// bundle all css in one file
.pipe(concatCss(BUNDLE_CSS))
// minify
.pipe(minifyCSS())
// write to disk
.pipe(gulp.dest(DEST));
});
gulp.task('concatCss', function () {
console.log('*******-CONCATENATING CSS-*******')
return gulp.src(['src/*.scss','src/**/*.scss'])
.pipe(sass().on('error', sass.logError))
.pipe(concatCss("styles.css"))
.pipe(cleanCss({compatibility: 'ie8'}))
.pipe(sourcemaps.init({ loadMaps: true }))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./public/css/'))
.pipe(livereload());
});
gulp.task('sass', function() {
return sass('views/client/style/scss/*.scss')
.pipe(postcss([autoprefixer({
browsers: ['last 2 versions']
})]))
.pipe(concatCss('style.min.css'))
.pipe(minifycss())
.pipe(gulp.dest('views/client/style/css-dest'))
.pipe(livereload());
});
gulp.task('default', function () {
return gulp.src('./public/js/*.js')
.pipe(uglify())
.pipe(gulp.dest('./build/'));
return gulp.src('./public/css/*.css')
.pipe(concatCss("bundle.css"))
.pipe(cssmin())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('./build/'));
});
gulp.task('compile-less', function(){
return gulp.src([
'./client/less/*.less',
'./client/less/*.css',
'./bower_components/bootstrap/dist/css/bootstrap.css',
])
.pipe(less())
.pipe(concatCss("styles.css", {
rebaseUrls : false
}))
.pipe(gulp.dest('./client/build/'));
});
gulp.task('css', function() {
gulp.src(source.css.location + source.css.content)
.pipe(concatCSS(_PROJECTNAME + '.css'))
.pipe(gulp.dest('/var/www/softwaresdobrasil/wp-content/themes/twentysixteen/dist/css'))
.pipe(gulp.dest(dist.css.location))
.pipe(cleanCSS())
.pipe(rename({
extname: '.min.css'
}))
.pipe(gulp.dest('/var/www/softwaresdobrasil/wp-content/themes/twentysixteen/dist/css'))
.pipe(gulp.dest(dist.css.location));
});
gulp.task('styles', function() {
return gulp
//.src(['css/style.css', 'css/skins/blue.css', 'css/layout/wide.css', 'css/icons.css', 'css/rouge.css'],
// {base: 'css/'})
.src('css/style.css')
.pipe(concatCss('main.css'))
.pipe(gulp.dest('dist/assets/css'))
.pipe(rename({suffix: '.min'}))
.pipe(minifycss())
.pipe(gulp.dest('css'))
.pipe(notify({ message: 'Styles task complete' }));
});
gulp.task('css', function () {
return gulp.src('./assets/scss/*.scss')
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(concatCss("./bundle.css"))
.pipe(gulp.dest('./assets/css'))
.pipe(browserSync.reload({stream: true}))
});
vendorCss: function () {
let pipeline = gulp.src(config.vendor.css)
.pipe(concatCss('vendor.bundle.css'), {rebaseUrls: false})
.pipe(replace('../material-design-icons/iconfont', '../fonts'))
.pipe(replace('../../fonts', '../fonts'));
if (prod) {
pipeline = pipeline.pipe(cssNano());
}
return pipeline.pipe(gulp.dest(config.vendor.distCss));
},
gulp.task("style", function() {
return gulp.src(path.src.style.self)
.pipe(plumber())
.pipe(concatCSS("style.css"))
.pipe(postcss([autoprefixer({ browsers: ["last 4 versions"] })]))
.pipe(csscomb())
.pipe(gulp.dest(path.build.css))
.pipe(cssnano())
.pipe(rename({ suffix: ".min" }))
.pipe(gulp.dest(path.build.css))
.pipe(server.stream());
});
gulp.task('styles:dist', function () {
return merge (
// gulp.src('app/css/*.css'),
// gulp.src('app/css/*.scss')
gulp.src('app/css/app.scss')
.pipe(sass())
)
.pipe(concatCss("app.css"))
.pipe(autoprefixer(autoprefixerBrowsers))
.pipe(csso())
.pipe(gulp.dest(conf.dist.dir));
});
gulp.task('css', function () {
return gulp.src('app/css/*.css')
.pipe(concatCss("bundle.css"))
.pipe(autoprefixer({
browsers: ['last 15 versions'],
cascade: false
}))
.pipe(minifyCss({compatibility: 'ie9'}))
.pipe(rename("bundle.min.css"))
.pipe(gulp.dest('app/dist/css/'))
.pipe(connect.reload());
});
build: function () {
var c = gulp.src(settings.stylEntryPoint)
.pipe(gulpif(settings.sourcemaps, sourcemaps.init()))
.pipe(stylus())
.pipe(gulpif(settings.sourcemaps, sourcemaps.write()))
.pipe(concat('app.css'))
.pipe(gulpif(settings.minify, minify()))
.pipe(gulp.dest(settings.public))
if (settings.livereload) c = c.pipe(livereload({ start: true }))
return c
},
gulp.task('package uncompressed css', function() {
return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.css')
.pipe(plumber())
.pipe(dedupe())
.pipe(replace(assets.uncompressed, assets.packaged))
.pipe(concatCSS(filenames.concatenatedCSS, settings.concatCSS))
.pipe(gulpif(config.hasPermission, chmod(config.permission)))
.pipe(header(banner, settings.header))
.pipe(gulp.dest(output.packaged))
.pipe(print(log.created))
;
});
gulp.task('css', ['sass'], function () {
return gulp.src([
'src/css/vendor.css',
'src/css/bootstrap.css'
])
.pipe(concat_css('all.min.css'))
.pipe(minify())
.pipe(gulp.dest('assets/css'))
.pipe(notify({
message: 'all css minified and concatenated'
}));
});
gulp.task('default', function() {
gulp.src([
'bower_components/bootstrap/dist/css/bootstrap.min.css',
'bower_components/font-awesome/css/font-awesome.css',
'public/stylesheets/*.css'
])
.pipe(concatCss("styles.min.css"))
.pipe(minifyCSS({keepBreaks:true}))
.pipe(gulp.dest('public/'));
});
gulp.task('default', function() {
gulp.src('./source/**/*.scss')
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(concatCss("./main.css"))
.pipe(minifyCSS())
.pipe(gulp.dest('build/style'))
});
gulp.task('bundle', function (done) {
// update the banner contents (has a date in it which should stay up to date)
bannerPlugin.banner = createBanner();
// TODO: split this task in three tasks? bundle-js, bundle-css, bundle-img
// bundle javascript
compiler.run(function (err, stats) {
if (err) {
gutil.log(err);
}
gutil.log('bundled ' + JSONEDITOR_JS);
done();
});
// bundle css
gulp.src([
'src/css/jsoneditor.css',
'src/css/contextmenu.css',
'src/css/menu.css',
'src/css/searchbox.css'
])
.pipe(concatCss(JSONEDITOR_CSS))
.pipe(gulp.dest('.'))
.pipe(concatCss(JSONEDITOR_MIN_CSS))
.pipe(minifyCSS())
.pipe(gulp.dest('.'));
gutil.log('bundled ' + JSONEDITOR_CSS);
gutil.log('bundled ' + JSONEDITOR_MIN_CSS);
// create a folder img and copy the icons
mkdirp.sync('./img');
gulp.src('./src/css/img/jsoneditor-icons.png')
.pipe(gulp.dest('./img/'));
gutil.log('Copied jsoneditor-icons.png to ./img/');
});
gulp.task('build-css', function () {
gulp.src(srcStyleSheetFiles)
.pipe(less())
.pipe(autoprefixer())
.pipe(recess())
.pipe(concatcss('app.css'))
.pipe(minify())
.pipe(gulp.dest(distStyleSheetPath))
.on('end', function () {
gutil.log('successfully copied less files')
})
.on('error', onError);
});
gulp.task('copy-less-css', ['clean-stylesheet', 'lint-less-files'], function () {
gulp.src(srcStyleSheetFiles)
.pipe(less())
.pipe(autoprefixer())
.pipe(concatcss('app.css'))
.pipe(gulp.dest(devStyleSheetPath))
.on('end', function () {
gutil.log('successfully copied less files')
})
.on('error', function (err) {
gutil.log(err.message);
});
});
gulp.task('css', function () {
var files = [
'./assets/css/screen.css',
'./assets/css/components.css'
];
return gulp.src(files)
.pipe(concatCss('package.css'))
.pipe(minifyCss())
.pipe(
gulp.dest('./static/css/')
);
});
gulp.task("styles-libraries", function () {
return gulp.src([
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"./node_modules/bootstrap-material-design/dist/css/bootstrap-material-design.min.css",
"./node_modules/bootstrap-material-design/dist/css/ripples.min.css",
"./node_modules/font-awesome/css/font-awesome.min.css",
"./src/libs/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css"
])
.pipe(plumber())
.pipe(concatCss("bundle-libraries.css"))
.pipe(gulp.dest(config.path.dist + "/css"));
});
gulp.task('prod', ['umdBuild'], function() {
// - Use gulp-babel to transpile each file for ppl who use webpack/browserify
// - This will be the package.json entry point
// - Most of the ppl will use this, and should use their own source maps when bundling,
// as well as uglify in production.
// - This is the way React itself distributes their package,
// as well as other libraries like react-boostrap
gulp.src(['./src/**/*.js', './src/*js'])
.pipe(babel())
.pipe(gulp.dest('./lib'));
// build the css
gulp.src('./css/react-bootstrap-table.css')
.pipe(concatCss("./react-bootstrap-table.min.css"))
.pipe(cssmin())
.pipe(gulp.dest('./dist'));
gulp.src(['./css/react-bootstrap-table.css',
'./node_modules/react-s-alert/dist/s-alert-default.css',
'./node_modules/react-s-alert/dist/s-alert-css-effects/scale.css'])
.pipe(concatCss('./react-bootstrap-table-all.min.css'))
.pipe(cssmin())
.pipe(gulp.dest('./dist'));
});
gulp.task('css', function () {
return gulp.src('css/*.css')
.pipe(concatCss("build.min.css"))
.pipe(prefix({
browsers: ['last 2 versions','ie 9'],
}))
.pipe(csso({
restructure: false,
sourceMap: true,
debug: true
}))
.pipe(gulp.dest('build/'));
});
gulp.task('less', ['lessClean'], () => {
return gulp.src(config.less.main)
.pipe(less({
paths: [ path.join(config.less.src, 'less', 'includes') ]
}))
.pipe(concatCss("min.css"))
.pipe(postcss([ require('autoprefixer')]))
.pipe(minifyCSS("min.css"))
.pipe(gulp.dest(config.less.dest))
.pipe(browserSync.reload({
stream: true
}));
});
function compileExternalCss(data) {
data.name = data.name || "app.css";
data.dest = "css/dist/";
return gulp.src(data.src, {base: "."})
.pipe(concatcss(data.name))
.pipe(urladjuster({prepend: '/'})) // Deixa as url de imagens relativas à pasta do bower
.pipe(gulp.dest(data.dest))
.pipe(rename({suffix: '.min'}))
.pipe(minifycss())
.pipe(gulp.dest(data.dest));
}
gulp.task('merge-styles', function(){
return gulp.src([
'dist/assets/css/font-awesome.min.css',
'dist/assets/css/bootstrap.min.css',
'dist/assets/css/highlight.min.css',
'dist/assets/css/listr.min.css'
// '!dist/assets/css/listr.pack.css'
])
.pipe(concatCss('listr.pack.css'))
.pipe(cssmin())
.pipe(gulp.dest('dist/assets/css/'));
});
gulp.task('css', function () {
return gulp.src('./scss/**/*.scss')
.pipe(sass({expanded: true}).on('error', sass.logError))
.pipe(autoprefixer({
browsers: ['last 10 versions'],
cascade: false
}))
.pipe(urlencode())
.pipe(concatCss("./styles.css", { rebaseUrls: false }))
.pipe(gulp.dest('./css'))
.pipe(browserSync.reload({stream: true}))
});