css-filter-saturate

css-filter-saturate 1.0.6

Css module of single purpose classes for filter saturate

Stats

2158	400	800
bytes	selectors	declarations

Installation

With npm

npm install --save-dev css-filter-saturate

Learn more about using css installed with npm:

• https://webpack.github.io/docs/stylesheets.html
• https://github.com/defunctzombie/npm-css

With Git

http:

git clone https://github.com/tachyons-css/css-filter-saturate

ssh:

git clone [e-mail]:tachyons-css/css-filter-saturate.git

Usage

Using with Postcss

Import the css module

@import "css-filter-saturate";

Then process the css using the tachyons-cli

$ npm i -g tachyons-cli
$ tachyons path/to/css-file.css > dist/t.css

Using the css

CDN

The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:

<link rel="stylesheet" href="http://unpkg.com/css-filter-saturate@1.0.6/css/css-filter-saturate.min.css" />

Locally

The built css is located in the css directory. It contains an unminified and minified version. You can either cut and paste that css or link to it directly in your html.

<link rel="stylesheet" href="path/to/module/css/css-filter-saturate">

Development

The source css files can be found in the src directory. Running $ npm start will process the source css and place the built css in the css directory.

The css

/*
   FILTER SATURATE
*/
.saturate-1 { -webkit-filter: saturate( 1% ); filter: saturate( 1% ); }
.saturate-2 { -webkit-filter: saturate( 2% ); filter: saturate( 2% ); }
.saturate-3 { -webkit-filter: saturate( 3% ); filter: saturate( 3% ); }
.saturate-4 { -webkit-filter: saturate( 4% ); filter: saturate( 4% ); }
.saturate-5 { -webkit-filter: saturate( 5% ); filter: saturate( 5% ); }
.saturate-6 { -webkit-filter: saturate( 6% ); filter: saturate( 6% ); }
.saturate-7 { -webkit-filter: saturate( 7% ); filter: saturate( 7% ); }
.saturate-8 { -webkit-filter: saturate( 8% ); filter: saturate( 8% ); }
.saturate-9 { -webkit-filter: saturate( 9% ); filter: saturate( 9% ); }
.saturate-10 { -webkit-filter: saturate( 10% ); filter: saturate( 10% ); }
.saturate-11 { -webkit-filter: saturate( 11% ); filter: saturate( 11% ); }
.saturate-12 { -webkit-filter: saturate( 12% ); filter: saturate( 12% ); }
.saturate-13 { -webkit-filter: saturate( 13% ); filter: saturate( 13% ); }
.saturate-14 { -webkit-filter: saturate( 14% ); filter: saturate( 14% ); }
.saturate-15 { -webkit-filter: saturate( 15% ); filter: saturate( 15% ); }
.saturate-16 { -webkit-filter: saturate( 16% ); filter: saturate( 16% ); }
.saturate-17 { -webkit-filter: saturate( 17% ); filter: saturate( 17% ); }
.saturate-18 { -webkit-filter: saturate( 18% ); filter: saturate( 18% ); }
.saturate-19 { -webkit-filter: saturate( 19% ); filter: saturate( 19% ); }
.saturate-20 { -webkit-filter: saturate( 20% ); filter: saturate( 20% ); }
.saturate-21 { -webkit-filter: saturate( 21% ); filter: saturate( 21% ); }
.saturate-22 { -webkit-filter: saturate( 22% ); filter: saturate( 22% ); }
.saturate-23 { -webkit-filter: saturate( 23% ); filter: saturate( 23% ); }
.saturate-24 { -webkit-filter: saturate( 24% ); filter: saturate( 24% ); }
.saturate-25 { -webkit-filter: saturate( 25% ); filter: saturate( 25% ); }
.saturate-26 { -webkit-filter: saturate( 26% ); filter: saturate( 26% ); }
.saturate-27 { -webkit-filter: saturate( 27% ); filter: saturate( 27% ); }
.saturate-28 { -webkit-filter: saturate( 28% ); filter: saturate( 28% ); }
.saturate-29 { -webkit-filter: saturate( 29% ); filter: saturate( 29% ); }
.saturate-30 { -webkit-filter: saturate( 30% ); filter: saturate( 30% ); }
.saturate-31 { -webkit-filter: saturate( 31% ); filter: saturate( 31% ); }
.saturate-32 { -webkit-filter: saturate( 32% ); filter: saturate( 32% ); }
.saturate-33 { -webkit-filter: saturate( 33% ); filter: saturate( 33% ); }
.saturate-34 { -webkit-filter: saturate( 34% ); filter: saturate( 34% ); }
.saturate-35 { -webkit-filter: saturate( 35% ); filter: saturate( 35% ); }
.saturate-36 { -webkit-filter: saturate( 36% ); filter: saturate( 36% ); }
.saturate-37 { -webkit-filter: saturate( 37% ); filter: saturate( 37% ); }
.saturate-38 { -webkit-filter: saturate( 38% ); filter: saturate( 38% ); }
.saturate-39 { -webkit-filter: saturate( 39% ); filter: saturate( 39% ); }
.saturate-40 { -webkit-filter: saturate( 40% ); filter: saturate( 40% ); }
.saturate-41 { -webkit-filter: saturate( 41% ); filter: saturate( 41% ); }
.saturate-42 { -webkit-filter: saturate( 42% ); filter: saturate( 42% ); }
.saturate-43 { -webkit-filter: saturate( 43% ); filter: saturate( 43% ); }
.saturate-44 { -webkit-filter: saturate( 44% ); filter: saturate( 44% ); }
.saturate-45 { -webkit-filter: saturate( 45% ); filter: saturate( 45% ); }
.saturate-46 { -webkit-filter: saturate( 46% ); filter: saturate( 46% ); }
.saturate-47 { -webkit-filter: saturate( 47% ); filter: saturate( 47% ); }
.saturate-48 { -webkit-filter: saturate( 48% ); filter: saturate( 48% ); }
.saturate-49 { -webkit-filter: saturate( 49% ); filter: saturate( 49% ); }
.saturate-50 { -webkit-filter: saturate( 50% ); filter: saturate( 50% ); }
.saturate-51 { -webkit-filter: saturate( 51% ); filter: saturate( 51% ); }
.saturate-52 { -webkit-filter: saturate( 52% ); filter: saturate( 52% ); }
.saturate-53 { -webkit-filter: saturate( 53% ); filter: saturate( 53% ); }
.saturate-54 { -webkit-filter: saturate( 54% ); filter: saturate( 54% ); }
.saturate-55 { -webkit-filter: saturate( 55% ); filter: saturate( 55% ); }
.saturate-56 { -webkit-filter: saturate( 56% ); filter: saturate( 56% ); }
.saturate-57 { -webkit-filter: saturate( 57% ); filter: saturate( 57% ); }
.saturate-58 { -webkit-filter: saturate( 58% ); filter: saturate( 58% ); }
.saturate-59 { -webkit-filter: saturate( 59% ); filter: saturate( 59% ); }
.saturate-60 { -webkit-filter: saturate( 60% ); filter: saturate( 60% ); }
.saturate-61 { -webkit-filter: saturate( 61% ); filter: saturate( 61% ); }
.saturate-62 { -webkit-filter: saturate( 62% ); filter: saturate( 62% ); }
.saturate-63 { -webkit-filter: saturate( 63% ); filter: saturate( 63% ); }
.saturate-64 { -webkit-filter: saturate( 64% ); filter: saturate( 64% ); }
.saturate-65 { -webkit-filter: saturate( 65% ); filter: saturate( 65% ); }
.saturate-66 { -webkit-filter: saturate( 66% ); filter: saturate( 66% ); }
.saturate-67 { -webkit-filter: saturate( 67% ); filter: saturate( 67% ); }
.saturate-68 { -webkit-filter: saturate( 68% ); filter: saturate( 68% ); }
.saturate-69 { -webkit-filter: saturate( 69% ); filter: saturate( 69% ); }
.saturate-70 { -webkit-filter: saturate( 70% ); filter: saturate( 70% ); }
.saturate-71 { -webkit-filter: saturate( 71% ); filter: saturate( 71% ); }
.saturate-72 { -webkit-filter: saturate( 72% ); filter: saturate( 72% ); }
.saturate-73 { -webkit-filter: saturate( 73% ); filter: saturate( 73% ); }
.saturate-74 { -webkit-filter: saturate( 74% ); filter: saturate( 74% ); }
.saturate-75 { -webkit-filter: saturate( 75% ); filter: saturate( 75% ); }
.saturate-76 { -webkit-filter: saturate( 76% ); filter: saturate( 76% ); }
.saturate-77 { -webkit-filter: saturate( 77% ); filter: saturate( 77% ); }
.saturate-78 { -webkit-filter: saturate( 78% ); filter: saturate( 78% ); }
.saturate-79 { -webkit-filter: saturate( 79% ); filter: saturate( 79% ); }
.saturate-80 { -webkit-filter: saturate( 80% ); filter: saturate( 80% ); }
.saturate-81 { -webkit-filter: saturate( 81% ); filter: saturate( 81% ); }
.saturate-82 { -webkit-filter: saturate( 82% ); filter: saturate( 82% ); }
.saturate-83 { -webkit-filter: saturate( 83% ); filter: saturate( 83% ); }
.saturate-84 { -webkit-filter: saturate( 84% ); filter: saturate( 84% ); }
.saturate-85 { -webkit-filter: saturate( 85% ); filter: saturate( 85% ); }
.saturate-86 { -webkit-filter: saturate( 86% ); filter: saturate( 86% ); }
.saturate-87 { -webkit-filter: saturate( 87% ); filter: saturate( 87% ); }
.saturate-88 { -webkit-filter: saturate( 88% ); filter: saturate( 88% ); }
.saturate-89 { -webkit-filter: saturate( 89% ); filter: saturate( 89% ); }
.saturate-90 { -webkit-filter: saturate( 90% ); filter: saturate( 90% ); }
.saturate-91 { -webkit-filter: saturate( 91% ); filter: saturate( 91% ); }
.saturate-92 { -webkit-filter: saturate( 92% ); filter: saturate( 92% ); }
.saturate-93 { -webkit-filter: saturate( 93% ); filter: saturate( 93% ); }
.saturate-94 { -webkit-filter: saturate( 94% ); filter: saturate( 94% ); }
.saturate-95 { -webkit-filter: saturate( 95% ); filter: saturate( 95% ); }
.saturate-96 { -webkit-filter: saturate( 96% ); filter: saturate( 96% ); }
.saturate-97 { -webkit-filter: saturate( 97% ); filter: saturate( 97% ); }
.saturate-98 { -webkit-filter: saturate( 98% ); filter: saturate( 98% ); }
.saturate-99 { -webkit-filter: saturate( 99% ); filter: saturate( 99% ); }
.saturate-100 { -webkit-filter: saturate( 100% ); filter: saturate( 100% ); }
@media screen and (min-width: 48em) {
 .saturate-1-ns { -webkit-filter: saturate( 1% ); filter: saturate( 1% ); }
 .saturate-2-ns { -webkit-filter: saturate( 2% ); filter: saturate( 2% ); }
 .saturate-3-ns { -webkit-filter: saturate( 3% ); filter: saturate( 3% ); }
 .saturate-4-ns { -webkit-filter: saturate( 4% ); filter: saturate( 4% ); }
 .saturate-5-ns { -webkit-filter: saturate( 5% ); filter: saturate( 5% ); }
 .saturate-6-ns { -webkit-filter: saturate( 6% ); filter: saturate( 6% ); }
 .saturate-7-ns { -webkit-filter: saturate( 7% ); filter: saturate( 7% ); }
 .saturate-8-ns { -webkit-filter: saturate( 8% ); filter: saturate( 8% ); }
 .saturate-9-ns { -webkit-filter: saturate( 9% ); filter: saturate( 9% ); }
 .saturate-10-ns { -webkit-filter: saturate( 10% ); filter: saturate( 10% ); }
 .saturate-11-ns { -webkit-filter: saturate( 11% ); filter: saturate( 11% ); }
 .saturate-12-ns { -webkit-filter: saturate( 12% ); filter: saturate( 12% ); }
 .saturate-13-ns { -webkit-filter: saturate( 13% ); filter: saturate( 13% ); }
 .saturate-14-ns { -webkit-filter: saturate( 14% ); filter: saturate( 14% ); }
 .saturate-15-ns { -webkit-filter: saturate( 15% ); filter: saturate( 15% ); }
 .saturate-16-ns { -webkit-filter: saturate( 16% ); filter: saturate( 16% ); }
 .saturate-17-ns { -webkit-filter: saturate( 17% ); filter: saturate( 17% ); }
 .saturate-18-ns { -webkit-filter: saturate( 18% ); filter: saturate( 18% ); }
 .saturate-19-ns { -webkit-filter: saturate( 19% ); filter: saturate( 19% ); }
 .saturate-20-ns { -webkit-filter: saturate( 20% ); filter: saturate( 20% ); }
 .saturate-21-ns { -webkit-filter: saturate( 21% ); filter: saturate( 21% ); }
 .saturate-22-ns { -webkit-filter: saturate( 22% ); filter: saturate( 22% ); }
 .saturate-23-ns { -webkit-filter: saturate( 23% ); filter: saturate( 23% ); }
 .saturate-24-ns { -webkit-filter: saturate( 24% ); filter: saturate( 24% ); }
 .saturate-25-ns { -webkit-filter: saturate( 25% ); filter: saturate( 25% ); }
 .saturate-26-ns { -webkit-filter: saturate( 26% ); filter: saturate( 26% ); }
 .saturate-27-ns { -webkit-filter: saturate( 27% ); filter: saturate( 27% ); }
 .saturate-28-ns { -webkit-filter: saturate( 28% ); filter: saturate( 28% ); }
 .saturate-29-ns { -webkit-filter: saturate( 29% ); filter: saturate( 29% ); }
 .saturate-30-ns { -webkit-filter: saturate( 30% ); filter: saturate( 30% ); }
 .saturate-31-ns { -webkit-filter: saturate( 31% ); filter: saturate( 31% ); }
 .saturate-32-ns { -webkit-filter: saturate( 32% ); filter: saturate( 32% ); }
 .saturate-33-ns { -webkit-filter: saturate( 33% ); filter: saturate( 33% ); }
 .saturate-34-ns { -webkit-filter: saturate( 34% ); filter: saturate( 34% ); }
 .saturate-35-ns { -webkit-filter: saturate( 35% ); filter: saturate( 35% ); }
 .saturate-36-ns { -webkit-filter: saturate( 36% ); filter: saturate( 36% ); }
 .saturate-37-ns { -webkit-filter: saturate( 37% ); filter: saturate( 37% ); }
 .saturate-38-ns { -webkit-filter: saturate( 38% ); filter: saturate( 38% ); }
 .saturate-39-ns { -webkit-filter: saturate( 39% ); filter: saturate( 39% ); }
 .saturate-40-ns { -webkit-filter: saturate( 40% ); filter: saturate( 40% ); }
 .saturate-41-ns { -webkit-filter: saturate( 41% ); filter: saturate( 41% ); }
 .saturate-42-ns { -webkit-filter: saturate( 42% ); filter: saturate( 42% ); }
 .saturate-43-ns { -webkit-filter: saturate( 43% ); filter: saturate( 43% ); }
 .saturate-44-ns { -webkit-filter: saturate( 44% ); filter: saturate( 44% ); }
 .saturate-45-ns { -webkit-filter: saturate( 45% ); filter: saturate( 45% ); }
 .saturate-46-ns { -webkit-filter: saturate( 46% ); filter: saturate( 46% ); }
 .saturate-47-ns { -webkit-filter: saturate( 47% ); filter: saturate( 47% ); }
 .saturate-48-ns { -webkit-filter: saturate( 48% ); filter: saturate( 48% ); }
 .saturate-49-ns { -webkit-filter: saturate( 49% ); filter: saturate( 49% ); }
 .saturate-50-ns { -webkit-filter: saturate( 50% ); filter: saturate( 50% ); }
 .saturate-51-ns { -webkit-filter: saturate( 51% ); filter: saturate( 51% ); }
 .saturate-52-ns { -webkit-filter: saturate( 52% ); filter: saturate( 52% ); }
 .saturate-53-ns { -webkit-filter: saturate( 53% ); filter: saturate( 53% ); }
 .saturate-54-ns { -webkit-filter: saturate( 54% ); filter: saturate( 54% ); }
 .saturate-55-ns { -webkit-filter: saturate( 55% ); filter: saturate( 55% ); }
 .saturate-56-ns { -webkit-filter: saturate( 56% ); filter: saturate( 56% ); }
 .saturate-57-ns { -webkit-filter: saturate( 57% ); filter: saturate( 57% ); }
 .saturate-58-ns { -webkit-filter: saturate( 58% ); filter: saturate( 58% ); }
 .saturate-59-ns { -webkit-filter: saturate( 59% ); filter: saturate( 59% ); }
 .saturate-60-ns { -webkit-filter: saturate( 60% ); filter: saturate( 60% ); }
 .saturate-61-ns { -webkit-filter: saturate( 61% ); filter: saturate( 61% ); }
 .saturate-62-ns { -webkit-filter: saturate( 62% ); filter: saturate( 62% ); }
 .saturate-63-ns { -webkit-filter: saturate( 63% ); filter: saturate( 63% ); }
 .saturate-64-ns { -webkit-filter: saturate( 64% ); filter: saturate( 64% ); }
 .saturate-65-ns { -webkit-filter: saturate( 65% ); filter: saturate( 65% ); }
 .saturate-66-ns { -webkit-filter: saturate( 66% ); filter: saturate( 66% ); }
 .saturate-67-ns { -webkit-filter: saturate( 67% ); filter: saturate( 67% ); }
 .saturate-68-ns { -webkit-filter: saturate( 68% ); filter: saturate( 68% ); }
 .saturate-69-ns { -webkit-filter: saturate( 69% ); filter: saturate( 69% ); }
 .saturate-70-ns { -webkit-filter: saturate( 70% ); filter: saturate( 70% ); }
 .saturate-71-ns { -webkit-filter: saturate( 71% ); filter: saturate( 71% ); }
 .saturate-72-ns { -webkit-filter: saturate( 72% ); filter: saturate( 72% ); }
 .saturate-73-ns { -webkit-filter: saturate( 73% ); filter: saturate( 73% ); }
 .saturate-74-ns { -webkit-filter: saturate( 74% ); filter: saturate( 74% ); }
 .saturate-75-ns { -webkit-filter: saturate( 75% ); filter: saturate( 75% ); }
 .saturate-76-ns { -webkit-filter: saturate( 76% ); filter: saturate( 76% ); }
 .saturate-77-ns { -webkit-filter: saturate( 77% ); filter: saturate( 77% ); }
 .saturate-78-ns { -webkit-filter: saturate( 78% ); filter: saturate( 78% ); }
 .saturate-79-ns { -webkit-filter: saturate( 79% ); filter: saturate( 79% ); }
 .saturate-80-ns { -webkit-filter: saturate( 80% ); filter: saturate( 80% ); }
 .saturate-81-ns { -webkit-filter: saturate( 81% ); filter: saturate( 81% ); }
 .saturate-82-ns { -webkit-filter: saturate( 82% ); filter: saturate( 82% ); }
 .saturate-83-ns { -webkit-filter: saturate( 83% ); filter: saturate( 83% ); }
 .saturate-84-ns { -webkit-filter: saturate( 84% ); filter: saturate( 84% ); }
 .saturate-85-ns { -webkit-filter: saturate( 85% ); filter: saturate( 85% ); }
 .saturate-86-ns { -webkit-filter: saturate( 86% ); filter: saturate( 86% ); }
 .saturate-87-ns { -webkit-filter: saturate( 87% ); filter: saturate( 87% ); }
 .saturate-88-ns { -webkit-filter: saturate( 88% ); filter: saturate( 88% ); }
 .saturate-89-ns { -webkit-filter: saturate( 89% ); filter: saturate( 89% ); }
 .saturate-90-ns { -webkit-filter: saturate( 90% ); filter: saturate( 90% ); }
 .saturate-91-ns { -webkit-filter: saturate( 91% ); filter: saturate( 91% ); }
 .saturate-92-ns { -webkit-filter: saturate( 92% ); filter: saturate( 92% ); }
 .saturate-93-ns { -webkit-filter: saturate( 93% ); filter: saturate( 93% ); }
 .saturate-94-ns { -webkit-filter: saturate( 94% ); filter: saturate( 94% ); }
 .saturate-95-ns { -webkit-filter: saturate( 95% ); filter: saturate( 95% ); }
 .saturate-96-ns { -webkit-filter: saturate( 96% ); filter: saturate( 96% ); }
 .saturate-97-ns { -webkit-filter: saturate( 97% ); filter: saturate( 97% ); }
 .saturate-98-ns { -webkit-filter: saturate( 98% ); filter: saturate( 98% ); }
 .saturate-99-ns { -webkit-filter: saturate( 99% ); filter: saturate( 99% ); }
 .saturate-100-ns { -webkit-filter: saturate( 100% ); filter: saturate( 100% ); }
}
@media screen and (min-width:48em) and (max-width: 64em) {
 .saturate-1-m { -webkit-filter: saturate( 1% ); filter: saturate( 1% ); }
 .saturate-2-m { -webkit-filter: saturate( 2% ); filter: saturate( 2% ); }
 .saturate-3-m { -webkit-filter: saturate( 3% ); filter: saturate( 3% ); }
 .saturate-4-m { -webkit-filter: saturate( 4% ); filter: saturate( 4% ); }
 .saturate-5-m { -webkit-filter: saturate( 5% ); filter: saturate( 5% ); }
 .saturate-6-m { -webkit-filter: saturate( 6% ); filter: saturate( 6% ); }
 .saturate-7-m { -webkit-filter: saturate( 7% ); filter: saturate( 7% ); }
 .saturate-8-m { -webkit-filter: saturate( 8% ); filter: saturate( 8% ); }
 .saturate-9-m { -webkit-filter: saturate( 9% ); filter: saturate( 9% ); }
 .saturate-10-m { -webkit-filter: saturate( 10% ); filter: saturate( 10% ); }
 .saturate-11-m { -webkit-filter: saturate( 11% ); filter: saturate( 11% ); }
 .saturate-12-m { -webkit-filter: saturate( 12% ); filter: saturate( 12% ); }
 .saturate-13-m { -webkit-filter: saturate( 13% ); filter: saturate( 13% ); }
 .saturate-14-m { -webkit-filter: saturate( 14% ); filter: saturate( 14% ); }
 .saturate-15-m { -webkit-filter: saturate( 15% ); filter: saturate( 15% ); }
 .saturate-16-m { -webkit-filter: saturate( 16% ); filter: saturate( 16% ); }
 .saturate-17-m { -webkit-filter: saturate( 17% ); filter: saturate( 17% ); }
 .saturate-18-m { -webkit-filter: saturate( 18% ); filter: saturate( 18% ); }
 .saturate-19-m { -webkit-filter: saturate( 19% ); filter: saturate( 19% ); }
 .saturate-20-m { -webkit-filter: saturate( 20% ); filter: saturate( 20% ); }
 .saturate-21-m { -webkit-filter: saturate( 21% ); filter: saturate( 21% ); }
 .saturate-22-m { -webkit-filter: saturate( 22% ); filter: saturate( 22% ); }
 .saturate-23-m { -webkit-filter: saturate( 23% ); filter: saturate( 23% ); }
 .saturate-24-m { -webkit-filter: saturate( 24% ); filter: saturate( 24% ); }
 .saturate-25-m { -webkit-filter: saturate( 25% ); filter: saturate( 25% ); }
 .saturate-26-m { -webkit-filter: saturate( 26% ); filter: saturate( 26% ); }
 .saturate-27-m { -webkit-filter: saturate( 27% ); filter: saturate( 27% ); }
 .saturate-28-m { -webkit-filter: saturate( 28% ); filter: saturate( 28% ); }
 .saturate-29-m { -webkit-filter: saturate( 29% ); filter: saturate( 29% ); }
 .saturate-30-m { -webkit-filter: saturate( 30% ); filter: saturate( 30% ); }
 .saturate-31-m { -webkit-filter: saturate( 31% ); filter: saturate( 31% ); }
 .saturate-32-m { -webkit-filter: saturate( 32% ); filter: saturate( 32% ); }
 .saturate-33-m { -webkit-filter: saturate( 33% ); filter: saturate( 33% ); }
 .saturate-34-m { -webkit-filter: saturate( 34% ); filter: saturate( 34% ); }
 .saturate-35-m { -webkit-filter: saturate( 35% ); filter: saturate( 35% ); }
 .saturate-36-m { -webkit-filter: saturate( 36% ); filter: saturate( 36% ); }
 .saturate-37-m { -webkit-filter: saturate( 37% ); filter: saturate( 37% ); }
 .saturate-38-m { -webkit-filter: saturate( 38% ); filter: saturate( 38% ); }
 .saturate-39-m { -webkit-filter: saturate( 39% ); filter: saturate( 39% ); }
 .saturate-40-m { -webkit-filter: saturate( 40% ); filter: saturate( 40% ); }
 .saturate-41-m { -webkit-filter: saturate( 41% ); filter: saturate( 41% ); }
 .saturate-42-m { -webkit-filter: saturate( 42% ); filter: saturate( 42% ); }
 .saturate-43-m { -webkit-filter: saturate( 43% ); filter: saturate( 43% ); }
 .saturate-44-m { -webkit-filter: saturate( 44% ); filter: saturate( 44% ); }
 .saturate-45-m { -webkit-filter: saturate( 45% ); filter: saturate( 45% ); }
 .saturate-46-m { -webkit-filter: saturate( 46% ); filter: saturate( 46% ); }
 .saturate-47-m { -webkit-filter: saturate( 47% ); filter: saturate( 47% ); }
 .saturate-48-m { -webkit-filter: saturate( 48% ); filter: saturate( 48% ); }
 .saturate-49-m { -webkit-filter: saturate( 49% ); filter: saturate( 49% ); }
 .saturate-50-m { -webkit-filter: saturate( 50% ); filter: saturate( 50% ); }
 .saturate-51-m { -webkit-filter: saturate( 51% ); filter: saturate( 51% ); }
 .saturate-52-m { -webkit-filter: saturate( 52% ); filter: saturate( 52% ); }
 .saturate-53-m { -webkit-filter: saturate( 53% ); filter: saturate( 53% ); }
 .saturate-54-m { -webkit-filter: saturate( 54% ); filter: saturate( 54% ); }
 .saturate-55-m { -webkit-filter: saturate( 55% ); filter: saturate( 55% ); }
 .saturate-56-m { -webkit-filter: saturate( 56% ); filter: saturate( 56% ); }
 .saturate-57-m { -webkit-filter: saturate( 57% ); filter: saturate( 57% ); }
 .saturate-58-m { -webkit-filter: saturate( 58% ); filter: saturate( 58% ); }
 .saturate-59-m { -webkit-filter: saturate( 59% ); filter: saturate( 59% ); }
 .saturate-60-m { -webkit-filter: saturate( 60% ); filter: saturate( 60% ); }
 .saturate-61-m { -webkit-filter: saturate( 61% ); filter: saturate( 61% ); }
 .saturate-62-m { -webkit-filter: saturate( 62% ); filter: saturate( 62% ); }
 .saturate-63-m { -webkit-filter: saturate( 63% ); filter: saturate( 63% ); }
 .saturate-64-m { -webkit-filter: saturate( 64% ); filter: saturate( 64% ); }
 .saturate-65-m { -webkit-filter: saturate( 65% ); filter: saturate( 65% ); }
 .saturate-66-m { -webkit-filter: saturate( 66% ); filter: saturate( 66% ); }
 .saturate-67-m { -webkit-filter: saturate( 67% ); filter: saturate( 67% ); }
 .saturate-68-m { -webkit-filter: saturate( 68% ); filter: saturate( 68% ); }
 .saturate-69-m { -webkit-filter: saturate( 69% ); filter: saturate( 69% ); }
 .saturate-70-m { -webkit-filter: saturate( 70% ); filter: saturate( 70% ); }
 .saturate-71-m { -webkit-filter: saturate( 71% ); filter: saturate( 71% ); }
 .saturate-72-m { -webkit-filter: saturate( 72% ); filter: saturate( 72% ); }
 .saturate-73-m { -webkit-filter: saturate( 73% ); filter: saturate( 73% ); }
 .saturate-74-m { -webkit-filter: saturate( 74% ); filter: saturate( 74% ); }
 .saturate-75-m { -webkit-filter: saturate( 75% ); filter: saturate( 75% ); }
 .saturate-76-m { -webkit-filter: saturate( 76% ); filter: saturate( 76% ); }
 .saturate-77-m { -webkit-filter: saturate( 77% ); filter: saturate( 77% ); }
 .saturate-78-m { -webkit-filter: saturate( 78% ); filter: saturate( 78% ); }
 .saturate-79-m { -webkit-filter: saturate( 79% ); filter: saturate( 79% ); }
 .saturate-80-m { -webkit-filter: saturate( 80% ); filter: saturate( 80% ); }
 .saturate-81-m { -webkit-filter: saturate( 81% ); filter: saturate( 81% ); }
 .saturate-82-m { -webkit-filter: saturate( 82% ); filter: saturate( 82% ); }
 .saturate-83-m { -webkit-filter: saturate( 83% ); filter: saturate( 83% ); }
 .saturate-84-m { -webkit-filter: saturate( 84% ); filter: saturate( 84% ); }
 .saturate-85-m { -webkit-filter: saturate( 85% ); filter: saturate( 85% ); }
 .saturate-86-m { -webkit-filter: saturate( 86% ); filter: saturate( 86% ); }
 .saturate-87-m { -webkit-filter: saturate( 87% ); filter: saturate( 87% ); }
 .saturate-88-m { -webkit-filter: saturate( 88% ); filter: saturate( 88% ); }
 .saturate-89-m { -webkit-filter: saturate( 89% ); filter: saturate( 89% ); }
 .saturate-90-m { -webkit-filter: saturate( 90% ); filter: saturate( 90% ); }
 .saturate-91-m { -webkit-filter: saturate( 91% ); filter: saturate( 91% ); }
 .saturate-92-m { -webkit-filter: saturate( 92% ); filter: saturate( 92% ); }
 .saturate-93-m { -webkit-filter: saturate( 93% ); filter: saturate( 93% ); }
 .saturate-94-m { -webkit-filter: saturate( 94% ); filter: saturate( 94% ); }
 .saturate-95-m { -webkit-filter: saturate( 95% ); filter: saturate( 95% ); }
 .saturate-96-m { -webkit-filter: saturate( 96% ); filter: saturate( 96% ); }
 .saturate-97-m { -webkit-filter: saturate( 97% ); filter: saturate( 97% ); }
 .saturate-98-m { -webkit-filter: saturate( 98% ); filter: saturate( 98% ); }
 .saturate-99-m { -webkit-filter: saturate( 99% ); filter: saturate( 99% ); }
 .saturate-100-m { -webkit-filter: saturate( 100% ); filter: saturate( 100% ); }
}
@media screen and (min-width: 64em) {
 .saturate-1-l { -webkit-filter: saturate( 1% ); filter: saturate( 1% ); }
 .saturate-2-l { -webkit-filter: saturate( 2% ); filter: saturate( 2% ); }
 .saturate-3-l { -webkit-filter: saturate( 3% ); filter: saturate( 3% ); }
 .saturate-4-l { -webkit-filter: saturate( 4% ); filter: saturate( 4% ); }
 .saturate-5-l { -webkit-filter: saturate( 5% ); filter: saturate( 5% ); }
 .saturate-6-l { -webkit-filter: saturate( 6% ); filter: saturate( 6% ); }
 .saturate-7-l { -webkit-filter: saturate( 7% ); filter: saturate( 7% ); }
 .saturate-8-l { -webkit-filter: saturate( 8% ); filter: saturate( 8% ); }
 .saturate-9-l { -webkit-filter: saturate( 9% ); filter: saturate( 9% ); }
 .saturate-10-l { -webkit-filter: saturate( 10% ); filter: saturate( 10% ); }
 .saturate-11-l { -webkit-filter: saturate( 11% ); filter: saturate( 11% ); }
 .saturate-12-l { -webkit-filter: saturate( 12% ); filter: saturate( 12% ); }
 .saturate-13-l { -webkit-filter: saturate( 13% ); filter: saturate( 13% ); }
 .saturate-14-l { -webkit-filter: saturate( 14% ); filter: saturate( 14% ); }
 .saturate-15-l { -webkit-filter: saturate( 15% ); filter: saturate( 15% ); }
 .saturate-16-l { -webkit-filter: saturate( 16% ); filter: saturate( 16% ); }
 .saturate-17-l { -webkit-filter: saturate( 17% ); filter: saturate( 17% ); }
 .saturate-18-l { -webkit-filter: saturate( 18% ); filter: saturate( 18% ); }
 .saturate-19-l { -webkit-filter: saturate( 19% ); filter: saturate( 19% ); }
 .saturate-20-l { -webkit-filter: saturate( 20% ); filter: saturate( 20% ); }
 .saturate-21-l { -webkit-filter: saturate( 21% ); filter: saturate( 21% ); }
 .saturate-22-l { -webkit-filter: saturate( 22% ); filter: saturate( 22% ); }
 .saturate-23-l { -webkit-filter: saturate( 23% ); filter: saturate( 23% ); }
 .saturate-24-l { -webkit-filter: saturate( 24% ); filter: saturate( 24% ); }
 .saturate-25-l { -webkit-filter: saturate( 25% ); filter: saturate( 25% ); }
 .saturate-26-l { -webkit-filter: saturate( 26% ); filter: saturate( 26% ); }
 .saturate-27-l { -webkit-filter: saturate( 27% ); filter: saturate( 27% ); }
 .saturate-28-l { -webkit-filter: saturate( 28% ); filter: saturate( 28% ); }
 .saturate-29-l { -webkit-filter: saturate( 29% ); filter: saturate( 29% ); }
 .saturate-30-l { -webkit-filter: saturate( 30% ); filter: saturate( 30% ); }
 .saturate-31-l { -webkit-filter: saturate( 31% ); filter: saturate( 31% ); }
 .saturate-32-l { -webkit-filter: saturate( 32% ); filter: saturate( 32% ); }
 .saturate-33-l { -webkit-filter: saturate( 33% ); filter: saturate( 33% ); }
 .saturate-34-l { -webkit-filter: saturate( 34% ); filter: saturate( 34% ); }
 .saturate-35-l { -webkit-filter: saturate( 35% ); filter: saturate( 35% ); }
 .saturate-36-l { -webkit-filter: saturate( 36% ); filter: saturate( 36% ); }
 .saturate-37-l { -webkit-filter: saturate( 37% ); filter: saturate( 37% ); }
 .saturate-38-l { -webkit-filter: saturate( 38% ); filter: saturate( 38% ); }
 .saturate-39-l { -webkit-filter: saturate( 39% ); filter: saturate( 39% ); }
 .saturate-40-l { -webkit-filter: saturate( 40% ); filter: saturate( 40% ); }
 .saturate-41-l { -webkit-filter: saturate( 41% ); filter: saturate( 41% ); }
 .saturate-42-l { -webkit-filter: saturate( 42% ); filter: saturate( 42% ); }
 .saturate-43-l { -webkit-filter: saturate( 43% ); filter: saturate( 43% ); }
 .saturate-44-l { -webkit-filter: saturate( 44% ); filter: saturate( 44% ); }
 .saturate-45-l { -webkit-filter: saturate( 45% ); filter: saturate( 45% ); }
 .saturate-46-l { -webkit-filter: saturate( 46% ); filter: saturate( 46% ); }
 .saturate-47-l { -webkit-filter: saturate( 47% ); filter: saturate( 47% ); }
 .saturate-48-l { -webkit-filter: saturate( 48% ); filter: saturate( 48% ); }
 .saturate-49-l { -webkit-filter: saturate( 49% ); filter: saturate( 49% ); }
 .saturate-50-l { -webkit-filter: saturate( 50% ); filter: saturate( 50% ); }
 .saturate-51-l { -webkit-filter: saturate( 51% ); filter: saturate( 51% ); }
 .saturate-52-l { -webkit-filter: saturate( 52% ); filter: saturate( 52% ); }
 .saturate-53-l { -webkit-filter: saturate( 53% ); filter: saturate( 53% ); }
 .saturate-54-l { -webkit-filter: saturate( 54% ); filter: saturate( 54% ); }
 .saturate-55-l { -webkit-filter: saturate( 55% ); filter: saturate( 55% ); }
 .saturate-56-l { -webkit-filter: saturate( 56% ); filter: saturate( 56% ); }
 .saturate-57-l { -webkit-filter: saturate( 57% ); filter: saturate( 57% ); }
 .saturate-58-l { -webkit-filter: saturate( 58% ); filter: saturate( 58% ); }
 .saturate-59-l { -webkit-filter: saturate( 59% ); filter: saturate( 59% ); }
 .saturate-60-l { -webkit-filter: saturate( 60% ); filter: saturate( 60% ); }
 .saturate-61-l { -webkit-filter: saturate( 61% ); filter: saturate( 61% ); }
 .saturate-62-l { -webkit-filter: saturate( 62% ); filter: saturate( 62% ); }
 .saturate-63-l { -webkit-filter: saturate( 63% ); filter: saturate( 63% ); }
 .saturate-64-l { -webkit-filter: saturate( 64% ); filter: saturate( 64% ); }
 .saturate-65-l { -webkit-filter: saturate( 65% ); filter: saturate( 65% ); }
 .saturate-66-l { -webkit-filter: saturate( 66% ); filter: saturate( 66% ); }
 .saturate-67-l { -webkit-filter: saturate( 67% ); filter: saturate( 67% ); }
 .saturate-68-l { -webkit-filter: saturate( 68% ); filter: saturate( 68% ); }
 .saturate-69-l { -webkit-filter: saturate( 69% ); filter: saturate( 69% ); }
 .saturate-70-l { -webkit-filter: saturate( 70% ); filter: saturate( 70% ); }
 .saturate-71-l { -webkit-filter: saturate( 71% ); filter: saturate( 71% ); }
 .saturate-72-l { -webkit-filter: saturate( 72% ); filter: saturate( 72% ); }
 .saturate-73-l { -webkit-filter: saturate( 73% ); filter: saturate( 73% ); }
 .saturate-74-l { -webkit-filter: saturate( 74% ); filter: saturate( 74% ); }
 .saturate-75-l { -webkit-filter: saturate( 75% ); filter: saturate( 75% ); }
 .saturate-76-l { -webkit-filter: saturate( 76% ); filter: saturate( 76% ); }
 .saturate-77-l { -webkit-filter: saturate( 77% ); filter: saturate( 77% ); }
 .saturate-78-l { -webkit-filter: saturate( 78% ); filter: saturate( 78% ); }
 .saturate-79-l { -webkit-filter: saturate( 79% ); filter: saturate( 79% ); }
 .saturate-80-l { -webkit-filter: saturate( 80% ); filter: saturate( 80% ); }
 .saturate-81-l { -webkit-filter: saturate( 81% ); filter: saturate( 81% ); }
 .saturate-82-l { -webkit-filter: saturate( 82% ); filter: saturate( 82% ); }
 .saturate-83-l { -webkit-filter: saturate( 83% ); filter: saturate( 83% ); }
 .saturate-84-l { -webkit-filter: saturate( 84% ); filter: saturate( 84% ); }
 .saturate-85-l { -webkit-filter: saturate( 85% ); filter: saturate( 85% ); }
 .saturate-86-l { -webkit-filter: saturate( 86% ); filter: saturate( 86% ); }
 .saturate-87-l { -webkit-filter: saturate( 87% ); filter: saturate( 87% ); }
 .saturate-88-l { -webkit-filter: saturate( 88% ); filter: saturate( 88% ); }
 .saturate-89-l { -webkit-filter: saturate( 89% ); filter: saturate( 89% ); }
 .saturate-90-l { -webkit-filter: saturate( 90% ); filter: saturate( 90% ); }
 .saturate-91-l { -webkit-filter: saturate( 91% ); filter: saturate( 91% ); }
 .saturate-92-l { -webkit-filter: saturate( 92% ); filter: saturate( 92% ); }
 .saturate-93-l { -webkit-filter: saturate( 93% ); filter: saturate( 93% ); }
 .saturate-94-l { -webkit-filter: saturate( 94% ); filter: saturate( 94% ); }
 .saturate-95-l { -webkit-filter: saturate( 95% ); filter: saturate( 95% ); }
 .saturate-96-l { -webkit-filter: saturate( 96% ); filter: saturate( 96% ); }
 .saturate-97-l { -webkit-filter: saturate( 97% ); filter: saturate( 97% ); }
 .saturate-98-l { -webkit-filter: saturate( 98% ); filter: saturate( 98% ); }
 .saturate-99-l { -webkit-filter: saturate( 99% ); filter: saturate( 99% ); }
 .saturate-100-l { -webkit-filter: saturate( 100% ); filter: saturate( 100% ); }
}

Contributing

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request

Authors

• mrmrs
• johno

License

ISC