gulp.task('suit', function() {
return gulp.src(config.paths.stylesEntry)
.pipe(sourcemaps.init()).on('error', handleError)
.pipe(rework(suit())).on('error', handleError)
.pipe(rework(color())).on('error', handleError)
.pipe(rework(rems())).on('error', handleError)
.pipe(autoprefixer(config.autoprefixer))
.pipe(rename('style.css'))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest(config.paths.stylesDest))
});
gulp.task('css', function() {
return gulp.src('index.css')
.pipe(rework(reworkNPM(), classPrefix('splendor-'), media(), reworkVars()))
.pipe(size({ gzip: true, showFiles: true }))
.pipe(name('splendor.css'))
.pipe(gulp.dest('css'));
});
function revCss() {
const manifestPaths = [
'./dist/assets/rev-manifest.json',
'./dist/lib/rev-manifest.json',
];
const [assetManifest, libManifest] = readManifests(manifestPaths);
const manifest = Object.assign({}, assetManifest, libManifest);
const substituteRevUrl = (url) => {
let res = url;
Object.keys(manifest).some((orig) => {
const regEx = new RegExp(`${escapeRegExp(orig)}$`);
if (regEx.test(url)) {
res = url.replace(orig, manifest[orig]);
return true;
}
return false;
});
return res;
};
return gulp.src('./dist/build/*.css')
.pipe(rework(urlPlugin(substituteRevUrl)))
.pipe(csso())
.pipe(rev())
.pipe(gulp.dest('./dist/build'))
.pipe(rev.manifest(
'dist/build/rev-manifest.json',
{ base: `${process.cwd()}/dist/build`, merge: true })
)
.pipe(gulp.dest('./dist/build'));
}
gulp.task('css', function () {
return gulp.src('./build/css/styles.css')
.pipe(rework(suit(), /*inline('./src/images'),*/ { sourcemap: true }))
.pipe(prefix('> 1%', 'last 2 versions', 'Safari >= 5.1', 'ie >= 10', 'Firefox ESR'))
.pipe(cleanCSS({ keepSpecialComments: 0}))
.pipe(gulp.dest('./public/css'));
});
gulp.task('rework', function() {
// TODO: call `gulp build` in `src/semantic/` first
return gulp.src('src/semantic/dist/semantic.css')
.pipe(rework(function (style) {
var walk = require('rework-walk');
walk(style, function(rule, node) {
if (!rule.selectors) return rule;
rule.selectors = rule.selectors.map(function(selector) {
if (selector[0] === '.') {
return selector.replace(/\.ui/g, '.blueink-ui');
} else {
// for reset / tag-named stuff
if (selector.substr(0,4) !== 'html'
&& selector.substr(0,4) !== 'body') {
if (selector === '*') {
// add .blueink-ui into the * space
return '.blueink-ui, .blueink-ui ' + selector;
} else {
return '.blueink-ui ' + selector;
}
}
}
});
// remove html & body specific reset styles
// to avoid overriding template styles excessively
if (undefined === rule.selectors[0]) {
rule.selectors = [];
rule.declarations = [];
}
});
}, {sourcemap: true}))
.pipe(rename('app.css'))
.pipe(gulp.dest('_design/blueink/_attachments/ui/'));
});
gulp.task("styles", function() {
gulp.src("./src/css/*.css")
.pipe(plumber())
.pipe(
rework(
// enhancements
reworkPlugins.imprt("./src/css")
, rework.colors()
, rework.references()
// https://github.com/jxson/rework-import/issues/2
// , reworkPlugins.imprt([
// "./src/css"
// , "bower_components"
// , "node_modules"
// ])
, reworkPlugins.parent
, reworkPlugins.breakpoints
, reworkPlugins.vars()
, reworkPlugins.calc
, reworkPlugins.clearfix
, rework.ease()
, rework.extend()
, {
sourcemap: true
}
)
)
.pipe(autoprefixer())
.pipe(gulp.env.production ? csso() : gutil.noop())
.pipe(gulp.dest("./dist/css/"))
.pipe(livereload(livereloadServer))
//gulp.run("lint-styles")
})
gulp.task('css', function() {
return gulp.src('index.scss')
.pipe(sass())
.pipe(rework(reworkNPM(), media(), reworkVars()))
.pipe(size({ gzip: true, showFiles: true }))
.pipe(name('main.css'))
.pipe(gulp.dest('css'));
});
gulp.task('css', function() {
gulp.src('./src/css/main.css')
.pipe(plumber({errorHandler: streamError}))
.pipe(rework(suit(), inline('./src/images'), {sourcemap: true}))
.pipe(prefix('> 1%', 'last 2 versions', 'Safari >= 5.1',
'ie >= 10', 'Firefox ESR'))
.pipe(isProd(cleancss({keepSpecialComments: 0})))
.pipe(gulp.dest('./public/css'));
});
gulp.task('styles', function() {
gulp
.src('client/styles/index.css')
.pipe(rework(npm(), vars(), rework.colors(), rework.extend(), breakpoints))
.pipe(autoprefixer('last 2 versions', '> 1%', 'ie 10'))
.pipe(csso(true))
.pipe(rename('styles.css'))
.pipe(gulp.dest('build/styles'));
});
var useminPipe = function(minify) {
var reworkCssPipe = rework(
assets({ src: 'app/components', dest: paths.dist + '/assets', prefix: '../assets/' }),
reworkSuit());
var useminPipe = function() {
return usemin({
css: [minify ? minifyCss() : noop(), reworkCssPipe, 'concat'],
scss: [sass(), reworkCssPipe],
less: [sourcemaps.init(), less(), sourcemaps.write()],
html: [minify ? minifyHTML({empty: true}) : noop()],
js: [minify ? uglify({mangle: false}) : noop()]
});
};
return useminPipe();
}
gulp.task('rework-grid-styl', function() {
return gulp.src('stylus/_grid.styl')
.pipe(replace(/\.*/, ''))
.pipe(clean())
.pipe(rework(
grid({
numColumns: 6,
classNames: {
grid: 'grd',
row: 'row',
col: 'col'
}
})
))
.pipe(gulp.dest('stylus'));
});
gulp.task('buildcss', function () {
return gulp.src('./css/style.css')
.pipe(rework(reworkNPM({
shim: {
'purecss': 'build/pure.css'
}}),
vars(),
inherit(),
imprt({
path: './css/modules/'
})
)
)
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(gulp.dest('public/css/'));
});
function reworkIe(files, target) {
// Helper function to rework CSS for IE8.
function reworkIe8(ast) {
// Push custom rule for IE8 to prevent responsiveness.
ast.rules.push({
type: 'rule',
selectors: ['.container-fluid'],
declarations: [
{
type: 'declaration',
property: 'min-width',
value: '1024px'
}
]
});
}
// Create .ie.css for ie8 support (TODO: drop ie8 support).
var deferred = Q.defer();
gulp.src(files, {base: target})
.pipe(debug({title: 'reworking'}))
.pipe(rename({
suffix: '.ie',
extname: '.css'
}))
.pipe(mqRemove({width: '1024px'}))
.pipe(rework(reworkIe8))
.pipe(debug({title: 'writing'}))
// Save files for promise resolve.
.pipe(through.obj(function (file, enc, cb) {
files.push(file.path);
cb(null, file);
}))
.pipe(gulp.dest(target))
.on('error', deferred.reject)
.on('end', function() {
deferred.resolve(files);
});
return deferred.promise;
}
gulp.task('styles', function() {
var handleErrors = require('../util/handleErrors');
var paths = require('../config/paths');
var autoprefixer = require('gulp-autoprefixer');
var calc = require('rework-calc');
var customMedia = require('rework-custom-media');
var inliner = require('rework-npm');
var vars = require('rework-vars');
var dedupe = require('rework-deduplicate');
var ease = require('rework-plugin-ease');
var inherit = require('rework-inherit');
var color = require('rework-color-function');
var hexAlpha = require('rework-hex-alpha');
var fontVariant = require('rework-font-variant');
var namespace = require('rework-namespace');
var plumber = require('gulp-plumber');
var rename = require('gulp-rename');
var rework = require('gulp-rework');
var suit = require('rework-suit');
var svg = require('rework-svg');
var ns = '';
return gulp.src(paths.source.main_style)
.pipe(plumber(handleErrors))
.pipe(rework(
svg(),
inliner(),
customMedia(),
vars(),
calc,
hexAlpha,
color,
inherit(),
ease(),
dedupe(),
namespace(ns),
{sourcemap: true}))
.pipe(autoprefixer())
.pipe(gulp.dest(paths.dest.styles));
});
function distCss() {
return streamqueue({ objectMode: true },
gulp.src(getK2eDeps().css)
.pipe(rebaseCssUrls({ root: BASE_BOOTPLATE_PATH }))
.pipe(concat('app.css'))
// assets are a level up in dist build
.pipe(rework(urlPlugin((url) => {
if (isUrlOrUri(url)) {
return url;
}
return /^\.\./.test(url) ?
url : `../${url}`;
})))
.pipe(csso()),
gulp.src(getEnyoDeps().css)
.pipe(concat('enyo.css'))
.pipe(csso()),
gulp.src(`${BASE_SOURCE_PATH}/print.css`)
.pipe(csso())
)
.pipe(gulp.dest('./dist/build'));
}
gulp.task('reworkcss',['clean'], function() {
return gulp.src('client/styles/index.css')
.pipe(rework(reworknpm()))
.pipe(gulp.dest('build'));
});
gulp.task('styles', function() {
var handleErrors = require('../util/handleErrors');
var paths = require('../config/paths');
var autoprefixer = require('gulp-autoprefixer');
var cssLint = require('gulp-csslint');
var dedupe = require('rework-deduplicate');
var ease = require('rework-plugin-ease');
var imprt = require('rework-npm');
var inherit = require('rework-inherit');
var myth = require('myth');
var namespace = require('rework-namespace');
var plumber = require('gulp-plumber');
var rename = require('gulp-rename');
var rework = require('gulp-rework');
var suit = require('rework-suit');
var ns = '';
return gulp.src(paths.source.main_style)
.pipe(plumber(handleErrors))
.pipe(rework(
suit({
path: [
'./app/styles',
'node_modules',
]
}),
inherit(),
myth(),
ease(),
dedupe(),
namespace(ns),
{sourcemap: true}))
.pipe(cssLint({
'shorthand': false,
'display-property-grouping': true,
'duplicate-properties': true,
'empty-rules': false,
'known-properties': false,
'adjoining-classes': true,
'box-sizing': false,
'compatible-vendor-prefixes': false,
'gradients': false,
'text-indent': true,
'vendor-prefix': false,
'fallback-colors': true,
'star-property-hack': true,
'underscore-property-hack': true,
'bulletproof-font-face': false,
'font-faces': false,
'import': true,
'regex-selectors': false,
'universal-selector': false,
'unqualified-attributes': false,
'zero-units': true,
'overqualified-elements': true,
'shorthand': false,
'duplicate-background-images': true,
'floats': true,
'font-sizes': true,
'ids': true,
'important': false,
'outline-none': false,
'qualified-headings': true,
'unique-headings': false
}))
.pipe(cssLint.reporter())
.pipe(gulp.dest(paths.dest.styles));
});