| .pin |
@@ -322,6 +347,38 @@ Combined with Tailwind's [spacing utilities](/docs/spacing), you'll probably fin
+
.pin-l.pin-t
@@ -376,6 +433,31 @@ Combined with Tailwind's [spacing utilities](/docs/spacing), you'll probably fin
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/generators/position.js b/src/generators/position.js
index ad3809f92a40..6ad6c0aa82d6 100644
--- a/src/generators/position.js
+++ b/src/generators/position.js
@@ -12,6 +12,9 @@ export default function() {
'pin-l': { left: 0 },
'pin-y': { top: 0, bottom: 0 },
'pin-x': { right: 0, left: 0 },
+ 'pin-x-auto': { left: '50%', transform: 'translateX(-50%)' },
+ 'pin-y-auto': { top: '50%', transform: 'translateY(-50%)' },
+ 'pin-xy-auto': { left: '50%', top: '50%', transform: 'translate(-50%, -50%)' },
'pin': { top: 0, right: 0, bottom: 0, left: 0, width: '100%', height: '100%' },
})
}
|