Responsive CSS module for setting invert filter
CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
src
.gitignore
LICENSE.txt
README.md
package.json

README.md

css-filter-invert 1.0.6

Css module of single purpose classes for filter invert

Stats

2128 400 800
bytes selectors declarations

Installation

With npm

npm install --save-dev css-filter-invert

Learn more about using css installed with npm:

With Git

http:

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

ssh:

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

Usage

Using with Postcss

Import the css module

@import "css-filter-invert";

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

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