Add ability to ignore specific screens

Author: vntw

README.md

@@ -85,3 +85,22 @@ module.exports = {
   ],
 }
 ```
+
+#### Ignoring Screens
+
+In some cases, like a custom screen media query, it can be helpful to ignore a specific screen. In that case
+add the screen name to the `ignore` configuration array.
+
+```js
+// tailwind.config.js
+module.exports = {
+  theme: {
+    debugScreens: {
+      ignore: ["custom-screen-name"],
+    },
+  },
+  plugins: [
+    require('tailwindcss-debug-screens'),
+  ],
+}
+```

index.js

@@ -1,6 +1,7 @@
 module.exports = function ({ addComponents, theme }) {
   const screens = theme('screens');
   const userStyles = theme('debugScreens.style', {});
+  const ignore = theme("debugScreens.ignore", [])
 
   const defaultPosition = ['bottom', 'left'];
   const position = theme('debugScreens.position', defaultPosition);
@@ -24,7 +25,7 @@ module.exports = function ({ addComponents, theme }) {
     }, userStyles),
   };
 
-  Object.entries(screens).forEach(([screen]) => {
+  Object.entries(screens).filter(([screen]) => ignore.indexOf(screen) === -1).forEach(([screen]) => {
     components[`@screen ${screen}`] = {
       '.debug-screens::before': {
         content: `'screen: ${screen}'`,