Init repository

Author: hacknug

.gitignore

@@ -0,0 +1,2 @@
+.DS_STORE
+node_modules

index.js

@@ -0,0 +1,13 @@
+const _ = require('lodash')
+
+module.exports = function ({ indents, variants }) {
+  return function ({ addUtilities, e }) {
+    const utilities = _.map(indents, (size, name) => ({
+      [`.${size.charAt(0) === '-' ? '-' : ''}indent-${name}`]: {
+        textIndent: size,
+      },
+    }))
+
+    addUtilities(utilities, variants)
+  }
+}

package.json

@@ -0,0 +1,26 @@
+{
+  "name": "tailwindcss-text-indent",
+  "version": "0.1.0",
+  "description": "This plugin adds utilities to use text-indent with Tailwind CSS.",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hacknug/tailwindcss-text-indent.git"
+  },
+  "keywords": [
+    "tailwind",
+    "tailwindcss",
+    "tailwind css",
+    "tailwindcss-plugin",
+    "plugin"
+  ],
+  "author": "Nestor Vera <[email protected]> (https://nestor.rip)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/hacknug/tailwindcss-text-indent/issues"
+  },
+  "homepage": "https://github.com/hacknug/tailwindcss-text-indent#readme",
+  "dependencies": {
+    "lodash": "^4.17.10"
+  }
+}

readme.md

@@ -0,0 +1,47 @@
+# Tailwind CSS Text Indent Plugin
+
+This plugin adds utilities to use text-indent with Tailwind CSS.
+
+## Installation
+
+Add this plugin to your project:
+
+```bash
+# Install using npm
+npm install --save-dev tailwindcss-text-indent
+
+# Install using yarn
+yarn add -D tailwindcss-text-indent
+```
+
+## Usage
+
+Because the plugin preprends a dash to the class name when the value is negative, if you want both positive and negative classes to share the same name, you'll have to require the plugin twice. If you have a better idea on how to deal with this, feel free to open an issue to discuss it.
+
+```js
+require('tailwindcss-text-indent')({
+  indents: {
+    'sm': '2rem',
+    'md': '3rem',
+    'lg': '4rem',
+  },
+  variants: ['responsive'],
+})
+require('tailwindcss-text-indent')({
+  indents: {
+    'sm': '-2rem',
+    'md': '-3rem',
+    'lg': '-4rem',
+  },
+  variants: ['responsive'],
+})
+```
+
+```css
+.indent-sm { text-indent: 2rem; }
+.indent-md { text-indent: 3rem; }
+.indent-lg { text-indent: 4rem; }
+.-indent-sm { text-indent: -2rem; }
+.-indent-md { text-indent: -3rem; }
+.-indent-lg { text-indent: -4rem; }
+```

yarn.lock

@@ -0,0 +1,7 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+lodash@^4.17.10:
+  version "4.17.10"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.10.tgz#1b7793cf7259ea38fb3661d4d38b3260af8ae4e7"