postcss-shade
1.0.0 • Public • Published PostCSS Shade
A PostCSS plugin to adjust or change the shade of a color
Installation
npm install postcss-shade
Examples
Simple use, setting shade percentage
div { color: shade(#34bbed, 80) }
Adjusting shade
div { color: shade(#34bbed, +10) }
div.other { color: shade(#34bbed, -10) }
div { color: #38c8ff }
div.other { color: #2ea6d3 }
Usage
postcss([require('postcss-shade')]).process(yourCSS);
const gulp = require('gulp');
const postcss = require('gulp-postcss');
const shade = require('postcss-shade');
gulp.task('css', () => {
gulp.src('path/to/dev/css')
.pipe(postcss([
shade()
]))
.pipe(gulp.dest('path/to/build/css'));
});
Tests
npm test
License
This project is licensed under the MIT License.
Package Sidebar
Install
Weekly Downloads