Add variant for nth-child(even) pseudo-selector

Addition to nth-child(odd) from #13

Author: ChanceArthur

README.md

@@ -28,6 +28,7 @@ Variants for dark mode are based on [Tailwind's own variants](https://tailwindcs
 - `dark-active`
 - `dark-group-hover`
 - `dark-focus-within`
+- `dark-even`
 - `dark-odd`
 
 ... and are used in the same way.
@@ -50,7 +51,7 @@ As with existing variants such as `hover` and `focus`, variants for dark mode mu
 
 ```javascript
 variants: {
-  backgroundColor: ['dark', 'dark-hover', 'dark-group-hover', 'dark-odd'],
+  backgroundColor: ['dark', 'dark-hover', 'dark-group-hover', 'dark-even', 'dark-odd'],
   borderColor: ['dark', 'dark-focus', 'dark-focus-within'],
   textColor: ['dark', 'dark-hover', 'dark-active']
 }

index.js

@@ -37,6 +37,12 @@ module.exports = function() {
       });
     });
 
+    addVariant('dark-even', ({modifySelectors, separator}) => {
+      modifySelectors(({className}) => {
+        return `${darkSelector} .${e(`dark-even${separator}${className}`)}:nth-child(even)`;
+      });
+    });
+
     addVariant('dark-odd', ({modifySelectors, separator}) => {
       modifySelectors(({className}) => {
         return `${darkSelector} .${e(`dark-odd${separator}${className}`)}:nth-child(odd)`;