grayscale

Try out different grays while prototyping with the switch of a variable.

Grayscale provides a collection of Sass variables and utility classes for swapping out grays on the fly while prototyping. It also has the utility classes available in vanilla CSS if that's what you prefer. There's support for both rgba and hex.

light series

.bg-gray-light-0
.bg-gray-light-1
.bg-gray-light-2
.bg-gray-light-3
.bg-gray-light-4
.bg-gray-light-5
.bg-gray-light-6
.bg-gray-light-7
.bg-gray-light-8
.bg-gray-light-9

mid series

.bg-gray-mid-0
.bg-gray-mid-1
.bg-gray-mid-2
.bg-gray-mid-3
.bg-gray-mid-4
.bg-gray-mid-5
.bg-gray-mid-6
.bg-gray-mid-7
.bg-gray-mid-8
.bg-gray-mid-9

dark series

.bg-gray-dark-0
.bg-gray-dark-1
.bg-gray-dark-2
.bg-gray-dark-3
.bg-gray-dark-4
.bg-gray-dark-5
.bg-gray-dark-6
.bg-gray-dark-7
.bg-gray-dark-8
.bg-gray-dark-9

Install grayscale

  
npm install --save gray
bower install --save grayscale
git clone https://github.com/johnotander/gray.git