❤
npm
Sign UpSign In

css-filter-sepia

1.0.7 • Public • Published

css-filter-sepia 1.0.6

Css module of single purpose classes for filter sepia

Stats

2160 404 808
bytes selectors declarations

Installation

With npm

npm install --save-dev css-filter-sepia

Learn more about using css installed with npm:

With Git

http:

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

ssh:

git clone git@github.com:tachyons-css/css-filter-sepia.git

Usage

Using with Postcss

Import the css module

@import "css-filter-sepia";

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-sepia@1.0.6/css/css-filter-sepia.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-sepia">

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

License

ISC

Readme

Keywords

Package Sidebar

Install

npm i css-filter-sepia

Repository

github.com/mrmrs/css-filter-sepia

Homepage

github.com/mrmrs/css-filter-sepia

Weekly Downloads

1

Version

1.0.7

License

MIT

Last publish

Collaborators

  • mrmrs
Try on RunKit
Report malware