https://github.com/alexcambose/gulp-ahex
Alpha hexadecimal gulp plugin
https://github.com/alexcambose/gulp-ahex
alpha converter css gulp gulp-plugin hexadecimal opacity plugin rgb rgba
Last synced: about 2 months ago
JSON representation
Alpha hexadecimal gulp plugin
- Host: GitHub
- URL: https://github.com/alexcambose/gulp-ahex
- Owner: alexcambose
- Created: 2017-08-28T12:17:28.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-08-28T13:45:15.000Z (almost 9 years ago)
- Last Synced: 2024-05-21T04:21:14.897Z (about 2 years ago)
- Topics: alpha, converter, css, gulp, gulp-plugin, hexadecimal, opacity, plugin, rgb, rgba
- Language: JavaScript
- Size: 2.93 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# gulp-ahex
Alpha hexadecimal [gulp](https://gulpjs.com/) plugin
## Installation
```
npm install -S gulp-ahex
```
[npm](https://www.npmjs.com/package/gulp-ahex)
## Usage
`gulpfile.js`
```js
const gulp = require('gulp');
const ahex = require('gulp-ahex');
gulp.task('css', function(){
return gulp.src('./src/style.css')
.pipe(ahex())
.pipe(gulp.dest('./dist/'))
});
gulp.task('default', [ 'css' ]);
```
input file `src/style.css`
```css
body{
color: #00ff0077;
}
```
output file `dist/style.css`
```css
body{
color: rgba(0, 255, 0, 0.47);
}
```
Go [here](https://github.com/alexcambose/ahex) for more documentation about writing ahex colors