Add variant for nth-child(odd) pseudo-selector (#13)

Author: AidenMontgomery

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-odd`
 
 ... and are used in the same way.
 
@@ -49,7 +50,7 @@ As with existing variants such as `hover` and `focus`, variants for dark mode mu
 
 ```javascript
 variants: {
-  backgroundColor: ['dark', 'dark-hover', 'dark-group-hover'],
+  backgroundColor: ['dark', 'dark-hover', 'dark-group-hover', 'dark-odd'],
   borderColor: ['dark', 'dark-focus', 'dark-focus-within'],
   textColor: ['dark', 'dark-hover', 'dark-active']
 }

index.js

@@ -36,5 +36,11 @@ module.exports = function() {
         return `${darkSelector} .${e(`dark-focus-within${separator}${className}`)}:focus-within`;
       });
     });
+
+    addVariant('dark-odd', ({modifySelectors, separator}) => {
+      modifySelectors(({className}) => {
+        return `${darkSelector} .${e(`dark-odd${separator}${className}`)}:nth-child(odd)`;
+      });
+    });
   };
 };