From eba4600c01ee4fc03ec7c974b6bb3bf3ad6e9b91 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Thu, 14 Mar 2019 12:19:14 -0400
Subject: [PATCH] Split pin utilities into inset plugin

---
 defaultConfig.stub.js   |  1 +
 src/corePlugins.js      |  2 ++
 src/plugins/inset.js    | 27 +++++++++++++++++++++++++++
 src/plugins/position.js | 18 ------------------
 4 files changed, 30 insertions(+), 18 deletions(-)
 create mode 100644 src/plugins/inset.js

diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js
index 044b2555a..54b40fc12 100644
--- a/defaultConfig.stub.js
+++ b/defaultConfig.stub.js
@@ -49,6 +49,7 @@ module.exports = {
     padding: ['responsive'],
     pointerEvents: ['responsive'],
     position: ['responsive'],
+    inset: ['responsive'],
     resize: ['responsive'],
     boxShadow: ['responsive', 'hover', 'focus'],
     fill: [],
diff --git a/src/corePlugins.js b/src/corePlugins.js
index b26d6dfe0..5362486ea 100644
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -42,6 +42,7 @@ import overflow from './plugins/overflow'
 import padding from './plugins/padding'
 import pointerEvents from './plugins/pointerEvents'
 import position from './plugins/position'
+import inset from './plugins/inset'
 import resize from './plugins/resize'
 import boxShadow from './plugins/boxShadow'
 import fill from './plugins/fill'
@@ -110,6 +111,7 @@ export default function({ corePlugins: corePluginConfig }) {
     padding,
     pointerEvents,
     position,
+    inset,
     resize,
     boxShadow,
     fill,
diff --git a/src/plugins/inset.js b/src/plugins/inset.js
new file mode 100644
index 000000000..6e8523f23
--- /dev/null
+++ b/src/plugins/inset.js
@@ -0,0 +1,27 @@
+export default function() {
+  return function({ addUtilities, config }) {
+    addUtilities(
+      {
+        '.pin-none': {
+          top: 'auto',
+          right: 'auto',
+          bottom: 'auto',
+          left: 'auto',
+        },
+        '.pin': {
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0,
+        },
+        '.pin-y': { top: 0, bottom: 0 },
+        '.pin-x': { right: 0, left: 0 },
+        '.pin-t': { top: 0 },
+        '.pin-r': { right: 0 },
+        '.pin-b': { bottom: 0 },
+        '.pin-l': { left: 0 },
+      },
+      config('variants.inset')
+    )
+  }
+}
diff --git a/src/plugins/position.js b/src/plugins/position.js
index 1fdbb7269..5e031e3a0 100644
--- a/src/plugins/position.js
+++ b/src/plugins/position.js
@@ -7,24 +7,6 @@ export default function() {
         '.absolute': { position: 'absolute' },
         '.relative': { position: 'relative' },
         '.sticky': { position: 'sticky' },
-        '.pin-none': {
-          top: 'auto',
-          right: 'auto',
-          bottom: 'auto',
-          left: 'auto',
-        },
-        '.pin': {
-          top: 0,
-          right: 0,
-          bottom: 0,
-          left: 0,
-        },
-        '.pin-y': { top: 0, bottom: 0 },
-        '.pin-x': { right: 0, left: 0 },
-        '.pin-t': { top: 0 },
-        '.pin-r': { right: 0 },
-        '.pin-b': { bottom: 0 },
-        '.pin-l': { left: 0 },
       },
       config('variants.position')
     )