How to use the postcss-color-hex-alpha function in postcss-color-hex-alpha
To help you get started, we’ve selected a few postcss-color-hex-alpha examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
dwst / dwst / gulpfile.babel.js View on Github 
export function buildCss() {
return gulp.src(sourcePaths.cssEntry)
.pipe(sourcemaps.init())
.pipe(postcss([
atImport(),
sprites({
spritePath: targetDirs.images,
stylesheetPath: targetDirs.styles,
spritesmith: {
padding: 2,
},
}),
colorHexAlpha(),
autoprefixer(),
discardComments(),
]))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest(targetDirs.styles))
.pipe(rename(p => {
p.dirname = path.join(targetDirs.styles, p.dirname);
}))
.pipe(browserSync.stream());
}export function buildCss() {
return gulp.src(sourcePaths.cssEntry)
.pipe(sourcemaps.init())
.pipe(postcss([
atImport(),
sprites({
spritePath: targetDirs.images,
stylesheetPath: targetDirs.styles,
spritesmith: {
padding: 2,
},
}),
colorHexAlpha(),
autoprefixer(),
discardComments(),
]))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest(targetDirs.styles))
.pipe(rename(p => {
p.dirname = path.join(targetDirs.styles, p.dirname);
}))
.pipe(browserSync.stream());
}postcss-color-hex-alpha
Use 4 & 8 character hex color notation in CSS
