feat: add mix-blend-mode and background-blend-mode utilities

Fixes #195

src/cli/lib/non-configurable/effects.ts

@@ -1 +1,42 @@
-export default {};
+const mixBlendMode = [
+  'mix-blend-normal',
+  'mix-blend-multiply',
+  'mix-blend-screen',
+  'mix-blend-overlay',
+  'mix-blend-darken',
+  'mix-blend-lighten',
+  'mix-blend-color-dodge',
+  'mix-blend-color-burn',
+  'mix-blend-hard-light',
+  'mix-blend-soft-light',
+  'mix-blend-difference',
+  'mix-blend-exclusion',
+  'mix-blend-hue',
+  'mix-blend-saturation',
+  'mix-blend-color',
+  'mix-blend-luminosity',
+];
+
+const backgroundBlendMode = [
+  'bg-blend-normal',
+  'bg-blend-multiply',
+  'bg-blend-screen',
+  'bg-blend-overlay',
+  'bg-blend-darken',
+  'bg-blend-lighten',
+  'bg-blend-color-dodge',
+  'bg-blend-color-burn',
+  'bg-blend-hard-light',
+  'bg-blend-soft-light',
+  'bg-blend-difference',
+  'bg-blend-exclusion',
+  'bg-blend-hue',
+  'bg-blend-saturation',
+  'bg-blend-color',
+  'bg-blend-luminosity',
+];
+
+export default {
+  mixBlendMode,
+  backgroundBlendMode,
+};

src/cli/types/classes.ts

@@ -72,7 +72,7 @@ type TBordersCategoryItem =
   | 'ringOffsetWidth'
   | 'ringWidth';
 
-type TEffectsCategoryItem = 'boxShadow' | 'opacity';
+type TEffectsCategoryItem = 'boxShadow' | 'opacity' | 'mixBlendMode' | 'backgroundBlendMode';
 
 type TFiltersCategoryItem =
   | 'filter'