color-pal

1.0.1 • Public • Published

color-pal

package version package downloads standard-readme compliant package license make a pull request Greenkeeper badge

Simple little color palette for rapid prototyping

Table of Contents

About

A simple little color palette for rapid prototyping. Based and inspired by colors. Customized to my own preference.

Install

With package manager:

$ npm install color-pal
# OR 
$ yarn add color-pal

With CDN:

<link rel="stylesheet" href="https://cdn.rawgit.com/tiaanduplessis/color-pal/master/dist/color-pal.min.css">
<!-- Or -->
<link rel="stylesheet" href="https://unpkg.com/color-pal/dist/color-pal.min.css">

Usage

  <div class="box bg-aqua"><span class="white">.aqua</span></div>
  <div class="box bg-black"><span class="white">.black</span></div>
  <div class="box bg-blue"><span class="white">.blue</span></div>
  <div class="box bg-beige"><span class="black">.beige</span></div>
  <div class="box bg-brown"><span class="white">.brown</span></div>
  <div class="box bg-coral"><span class="white">.coral</span></div>
  <div class="box bg-crimson"><span class="white">.crimson</span></div>
  <div class="box bg-fuchsia"><span class="white">.fuchsia</span></div>
  <div class="box bg-gold"><span class="black">.gold</span></div>
  <div class="box bg-gray"><span class="white">.gray</span></div>
  <div class="box bg-lime"><span class="white">.lime</span></div>
  <div class="box bg-green"><span class="white">.green</span></div>
  <div class="box bg-indigo"><span class="white">.indigo</span></div>
  <div class="box bg-navy"><span class="white">.navy</span></div>
  <div class="box bg-olive"><span class="white">.olive</span></div>
  <div class="box bg-orange"><span class="white">.orange</span></div>
  <div class="box bg-red"><span class="white">.red</span></div>
  <div class="box bg-pink"><span class="black">.pink</span></div>
  <div class="box bg-yellow"><span class="black">.yellow</span></div>
  <div class="box bg-snow"><span class="black">.snow</span></div>
  <div class="box bg-silver"><span class="black">.silver</span></div>

Contribute

  1. Fork it and create your feature branch: git checkout -b my-new-feature
  2. Commit your changes: git commit -am 'Add some feature'
  3. Push to the branch: git push origin my-new-feature
  4. Submit a pull request

License

MIT

Readme

Keywords

Package Sidebar

Install

npm i color-pal

Weekly Downloads

2

Version

1.0.1

License

MIT

Unpacked Size

251 kB

Total Files

19

Last publish

Collaborators

  • tiaanduplessis