From 6899a4913bfb41badeddf95a18131aea5cf5a49a Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Fri, 24 Nov 2017 09:42:01 -0500 Subject: [PATCH] Add pin-none utility, remove width/height from pin --- __tests__/fixtures/tailwind-output.css | 45 ++++++++++++++++++++------ src/generators/position.js | 8 +++-- 2 files changed, 41 insertions(+), 12 deletions(-) diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 25753fa7b..e57d27179 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -3413,6 +3413,13 @@ button, position: relative; } +.pin-none { + top: auto; + right: auto; + bottom: auto; + left: auto; +} + .pin-t { top: 0; } @@ -3444,8 +3451,6 @@ button, right: 0; bottom: 0; left: 0; - width: 100%; - height: 100%; } .resize-none { @@ -7252,6 +7257,13 @@ button, position: relative; } + .sm\:pin-none { + top: auto; + right: auto; + bottom: auto; + left: auto; + } + .sm\:pin-t { top: 0; } @@ -7283,8 +7295,6 @@ button, right: 0; bottom: 0; left: 0; - width: 100%; - height: 100%; } .sm\:resize-none { @@ -11092,6 +11102,13 @@ button, position: relative; } + .md\:pin-none { + top: auto; + right: auto; + bottom: auto; + left: auto; + } + .md\:pin-t { top: 0; } @@ -11123,8 +11140,6 @@ button, right: 0; bottom: 0; left: 0; - width: 100%; - height: 100%; } .md\:resize-none { @@ -14932,6 +14947,13 @@ button, position: relative; } + .lg\:pin-none { + top: auto; + right: auto; + bottom: auto; + left: auto; + } + .lg\:pin-t { top: 0; } @@ -14963,8 +14985,6 @@ button, right: 0; bottom: 0; left: 0; - width: 100%; - height: 100%; } .lg\:resize-none { @@ -18772,6 +18792,13 @@ button, position: relative; } + .xl\:pin-none { + top: auto; + right: auto; + bottom: auto; + left: auto; + } + .xl\:pin-t { top: 0; } @@ -18803,8 +18830,6 @@ button, right: 0; bottom: 0; left: 0; - width: 100%; - height: 100%; } .xl\:resize-none { diff --git a/src/generators/position.js b/src/generators/position.js index 2bc9bf186..dd5b932ef 100644 --- a/src/generators/position.js +++ b/src/generators/position.js @@ -6,6 +6,12 @@ export default function() { fixed: { position: 'fixed' }, absolute: { position: 'absolute' }, relative: { position: 'relative' }, + 'pin-none': { + top: 'auto', + right: 'auto', + bottom: 'auto', + left: 'auto', + }, 'pin-t': { top: 0 }, 'pin-r': { right: 0 }, 'pin-b': { bottom: 0 }, @@ -17,8 +23,6 @@ export default function() { right: 0, bottom: 0, left: 0, - width: '100%', - height: '100%', }, }) }