fix escaping

Author: benface

index.js

@@ -3,25 +3,24 @@ const _ = require('lodash');
 module.exports = ({
   variants = {},
   gradients = {},
-} = {}) =>
-  ({ e, addUtilities }) => {
-    addUtilities(
-      {
-        ...Object.assign(
-          {},
-          ..._.map(gradients, (colors, name) => {
-            if (!_.isArray(colors)) {
-              colors = ['transparent', colors];
-            }
-            return {
-              [`.bg-gradient-to-top-${e(name)}`]: { backgroundImage: `linear-gradient(to top, ${colors.join(', ')})` },
-              [`.bg-gradient-to-right-${e(name)}`]: { backgroundImage: `linear-gradient(to right, ${colors.join(', ')})` },
-              [`.bg-gradient-to-bottom-${e(name)}`]: { backgroundImage: `linear-gradient(to bottom, ${colors.join(', ')})` },
-              [`.bg-gradient-to-left-${e(name)}`]: { backgroundImage: `linear-gradient(to left, ${colors.join(', ')})` },
-            };
-          }),
-        ),
-      },
-      variants,
-    );
-  };
+} = {}) => ({ e, addUtilities }) => {
+  addUtilities(
+    {
+      ...Object.assign(
+        {},
+        ..._.map(gradients, (colors, name) => {
+          if (!_.isArray(colors)) {
+            colors = ['transparent', colors];
+          }
+          return {
+            [`.${e(`bg-gradient-to-top-${name}`)}`]: { backgroundImage: `linear-gradient(to top, ${colors.join(', ')})` },
+            [`.${e(`bg-gradient-to-right-${name}`)}`]: { backgroundImage: `linear-gradient(to right, ${colors.join(', ')})` },
+            [`.${e(`bg-gradient-to-bottom-${name}`)}`]: { backgroundImage: `linear-gradient(to bottom, ${colors.join(', ')})` },
+            [`.${e(`bg-gradient-to-left-${name}`)}`]: { backgroundImage: `linear-gradient(to left, ${colors.join(', ')})` },
+          };
+        }),
+      ),
+    },
+    variants,
+  );
+};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwindcss-gradients",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Tailwind CSS plugin to generate gradient background utilities",
   "author": "Benoît Rouleau <[email protected]>",
   "license": "ISC",

test.js

@@ -10,9 +10,9 @@ plugin({
   },
 })({
   e: value => value,
-  addUtilities: (utilities, variants) => {
+  addUtilities: (utilities) => {
     generatedUtilities = utilities;
   },
 });
 
-console.log("generatedUtilities", generatedUtilities);
+console.log('generatedUtilities', generatedUtilities);