More work on scale utilities

Author: dvanscott

CHANGELOG.md

@@ -7,6 +7,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-## [1.0.0] - 2019-08-01
+## [1.0.0] - 2019-08-12
 
 - Initial release

README.md

@@ -1,4 +1,4 @@
-# Scale Utilities Plugin for Tailwind CSS
+# Tailwind CSS Scale Utilities Plugin
 
 [![npm](https://img.shields.io/npm/v/@kirschbaum-development/tailwindcss-scale-utilities.svg)](https://www.npmjs.com/package/@kirschbaum-development/tailwindcss-scale-utilities)
 [![npm](https://img.shields.io/npm/dt/@kirschbaum-development/tailwindcss-scale-utilities.svg)](https://www.npmjs.com/package/@kirschbaum-development/tailwindcss-scale-utilities)
@@ -8,13 +8,13 @@
 ## Installation
 
 ```bash
-$ yarn add @kirschbaum-development/tailwindcss-scale-utilities --dev
+yarn add @kirschbaum-development/tailwindcss-scale-utilities --dev
 ```
 
 or
 
 ```bash
-$ npm install @kirschbaum-development/tailwindcss-scale-utilities --save-dev
+npm install @kirschbaum-development/tailwindcss-scale-utilities --save-dev
 ```
 
 ## Defaults
@@ -63,9 +63,4 @@ This plugin generates the following utilities:
 .scale-[key] {
   transform: scale([value]);
 }
-
-/* specifying a negative key will follow framework conventions */
-.-scale-[key] {
-  transform: scale([value]);
-}
 ```

index.js

@@ -1,10 +1,5 @@
 const map = require('lodash/map');
 const fromPairs = require('lodash/fromPairs');
-const startsWith = require('lodash/startsWith');
-
-const prefixNegativeModifiers = function (base, modifier) {
-    return startsWith(modifier, '-') ? `-${base}-${modifier.slice(1)}` : `${base}-${modifier}`;
-};
 
 module.exports = function () {
     return ({ addUtilities, e, theme, variants }) => {
@@ -19,7 +14,7 @@ module.exports = function () {
         const utilities = fromPairs(
             map(scale, (value, modifier) => {
                 return [
-                    `.${e(prefixNegativeModifiers('scale', modifier))}`,
+                    `.scale-${e(modifier)}`,
                     {
                         transform: `scale(${value})`
                     }

package.json

@@ -1,41 +1,36 @@
 {
-    "name": "@kirschbaum-development/tailwindcss-scale-utilities",
+    "name": "tailwindcss-scale-utilities",
     "version": "1.0.0",
-    "description": "Tailwind CSS plugin to generate scale utilities",
-    "author": {
-        "name": "Kirschbaum Development"
-    },
-    "licenses": [
-        {
-            "type": "MIT",
-            "url": "http://www.opensource.org/licenses/mit-license.php"
-        }
-    ],
-    "keywords": [
-        "tailwindcss",
-        "scale",
-        "css"
-    ],
+    "description": "Tailwind CSS plugin for generating scale utilities",
     "repository": {
         "type": "git",
         "url": "https://github.com/kirschbaum-development/tailwindcss-scale-utilities.git"
     },
+    "author": {
+        "name": "David VanScott",
+        "email": "david@kirschbaumdevelopment.com"
+    },
+    "license": "MIT",
     "bugs": "https://github.com/kirschbaum-development/tailwindcss-scale-utilities/issues",
     "homepage": "https://github.com/kirschbaum-development/tailwindcss-scale-utilities",
-    "maintainers": [
-        {
-            "name": "David VanScott",
-            "email": "david@kirschbaumdevelopment.com"
-        }
+    "keywords": [
+        "tailwindcss",
+        "scale",
+        "css"
     ],
     "scripts": {
-        "tests": "node_modules/.bin/jest"
+        "test": "NODE_ENV=test jest"
+    },
+    "dependencies": {
+        "lodash": "^4.17.15",
+        "tailwindcss": "^1.0.0|^1.1.0"
     },
     "devDependencies": {
         "jest": "^24.8.0",
         "jest-matcher-css": "^1.1.0",
-        "lodash": "^4.17.11",
-        "postcss": "^7.0.17",
-        "tailwindcss": "^1.0.5"
+        "postcss": "^7.0.17"
+    },
+    "engines": {
+        "node": ">= 6.11.0"
     }
 }

tests/scale-utilities.spec.js

@@ -158,25 +158,6 @@ test('scale utilities can be customized', () => {
     });
 });
 
-test('scale utilities can have negative values', () => {
-    return generatePluginCss({
-        theme: {
-            scale: {
-                '-10': '-0.1',
-            }
-        },
-        variants: {
-            scale: []
-        },
-    }).then(css => {
-        expect(css).toMatchCss(`
-      .-scale-10 {
-        transform: scale(-0.1);
-      }
-    `);
-    });
-});
-
 test('scale variants can be customized', () => {
     return generatePluginCss({
         theme: {},