postcss-bob-ross-palette

    1.0.1 • Public • Published

    Bob Ross Palette

    NPM Version Build Status

    Bob Ross Palette allows you to use Bob RossColor Palette in CSS. In this world, everything can be happy.

    This is probably the greatest thing to happen in my life - to be able to share this with you. I sincerely wish for you every possible joy life could bring.

    Bob Ross

    Everything is happy if you choose to make it that way.

    /* before */
     
    .happy-little-trees {
        background-color: titanium-white;
        color: prussian-blue;
    }
     
    /* after */
     
    .happy-little-trees {
        background-color: #ffffff;
        color: #021e44;
    }

    Usage

    When you do it your way you can go anywhere you choose. You can create the world you want to see and be a part of. You have that power.

    Add Bob Ross Palette to your build tool:

    npm install postcss-bob-ross-palette --save-dev

    Node

    require('postcss-bob-ross-palette').process(YOUR_CSS);

    PostCSS

    Add PostCSS to your build tool:

    npm install postcss --save-dev

    Load Bob Ross Palette as a PostCSS plugin:

    postcss([
        require('postcss-bob-ross-palette')()
    ]);

    Gulp

    Add Gulp PostCSS to your build tool:

    npm install gulp-postcss --save-dev

    Enable Bob Ross Palette within your Gulpfile:

    var postcss = require('gulp-postcss');
     
    gulp.task('css', function () {
        return gulp.src('./css/src/*.css').pipe(
            postcss([
                require('postcss-bob-ross-palette')()
            ])
        ).pipe(
            gulp.dest('./css')
        );
    });

    Grunt

    Add Grunt PostCSS to your build tool:

    npm install grunt-postcss --save-dev

    Enable Bob Ross Palette within your Gruntfile:

    grunt.loadNpmTasks('grunt-postcss');
     
    grunt.initConfig({
        postcss: {
            options: {
                processors: [
                    require('postcss-bob-ross-palette')()
                ]
            },
            dist: {
                src: 'css/*.css'
            }
        }
    });

    If what you’re doing doesn’t make you happy - you’re doing the wrong thing.

    Install

    npm i postcss-bob-ross-palette

    DownloadsWeekly Downloads

    4

    Version

    1.0.1

    License

    CC0-1.0

    Last publish

    Collaborators

    • jonathantneal