archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Rename pin utilities to top/right/bottom/left/inset

Browse Source
This commit is contained in:
Adam Wathan 2019-03-14 12:23:51 -04:00
parent eba4600c01
commit 1940e31b12
3 changed files with 88 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
__tests__/fixtures/tailwind-output-important.css
View File

@ -5667,43 +5667,43 @@ samp {
position: sticky !important;
}
.pin-none {
.inset-auto {
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
}
.pin {
.inset-0 {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
}
.pin-y {
.inset-y-0 {
top: 0 !important;
bottom: 0 !important;
}
.pin-x {
.inset-x-0 {
right: 0 !important;
left: 0 !important;
}
.pin-t {
.top-0 {
top: 0 !important;
}
.pin-r {
.right-0 {
right: 0 !important;
}
.pin-b {
.bottom-0 {
bottom: 0 !important;
}
.pin-l {
.left-0 {
left: 0 !important;
}
@ -12416,43 +12416,43 @@ samp {
position: sticky !important;
}
.sm\:pin-none {
.sm\:inset-auto {
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
}
.sm\:pin {
.sm\:inset-0 {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
}
.sm\:pin-y {
.sm\:inset-y-0 {
top: 0 !important;
bottom: 0 !important;
}
.sm\:pin-x {
.sm\:inset-x-0 {
right: 0 !important;
left: 0 !important;
}
.sm\:pin-t {
.sm\:top-0 {
top: 0 !important;
}
.sm\:pin-r {
.sm\:right-0 {
right: 0 !important;
}
.sm\:pin-b {
.sm\:bottom-0 {
bottom: 0 !important;
}
.sm\:pin-l {
.sm\:left-0 {
left: 0 !important;
}
@ -19158,43 +19158,43 @@ samp {
position: sticky !important;
}
.md\:pin-none {
.md\:inset-auto {
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
}
.md\:pin {
.md\:inset-0 {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
}
.md\:pin-y {
.md\:inset-y-0 {
top: 0 !important;
bottom: 0 !important;
}
.md\:pin-x {
.md\:inset-x-0 {
right: 0 !important;
left: 0 !important;
}
.md\:pin-t {
.md\:top-0 {
top: 0 !important;
}
.md\:pin-r {
.md\:right-0 {
right: 0 !important;
}
.md\:pin-b {
.md\:bottom-0 {
bottom: 0 !important;
}
.md\:pin-l {
.md\:left-0 {
left: 0 !important;
}
@ -25900,43 +25900,43 @@ samp {
position: sticky !important;
}
.lg\:pin-none {
.lg\:inset-auto {
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
}
.lg\:pin {
.lg\:inset-0 {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
}
.lg\:pin-y {
.lg\:inset-y-0 {
top: 0 !important;
bottom: 0 !important;
}
.lg\:pin-x {
.lg\:inset-x-0 {
right: 0 !important;
left: 0 !important;
}
.lg\:pin-t {
.lg\:top-0 {
top: 0 !important;
}
.lg\:pin-r {
.lg\:right-0 {
right: 0 !important;
}
.lg\:pin-b {
.lg\:bottom-0 {
bottom: 0 !important;
}
.lg\:pin-l {
.lg\:left-0 {
left: 0 !important;
}
@ -32642,43 +32642,43 @@ samp {
position: sticky !important;
}
.xl\:pin-none {
.xl\:inset-auto {
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
}
.xl\:pin {
.xl\:inset-0 {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
}
.xl\:pin-y {
.xl\:inset-y-0 {
top: 0 !important;
bottom: 0 !important;
}
.xl\:pin-x {
.xl\:inset-x-0 {
right: 0 !important;
left: 0 !important;
}
.xl\:pin-t {
.xl\:top-0 {
top: 0 !important;
}
.xl\:pin-r {
.xl\:right-0 {
right: 0 !important;
}
.xl\:pin-b {
.xl\:bottom-0 {
bottom: 0 !important;
}
.xl\:pin-l {
.xl\:left-0 {
left: 0 !important;
}

80
__tests__/fixtures/tailwind-output.css
View File

@ -5667,43 +5667,43 @@ samp {
position: sticky;
}
.pin-none {
.inset-auto {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.pin {
.inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.pin-y {
.inset-y-0 {
top: 0;
bottom: 0;
}
.pin-x {
.inset-x-0 {
right: 0;
left: 0;
}
.pin-t {
.top-0 {
top: 0;
}
.pin-r {
.right-0 {
right: 0;
}
.pin-b {
.bottom-0 {
bottom: 0;
}
.pin-l {
.left-0 {
left: 0;
}
@ -12416,43 +12416,43 @@ samp {
position: sticky;
}
.sm\:pin-none {
.sm\:inset-auto {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.sm\:pin {
.sm\:inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.sm\:pin-y {
.sm\:inset-y-0 {
top: 0;
bottom: 0;
}
.sm\:pin-x {
.sm\:inset-x-0 {
right: 0;
left: 0;
}
.sm\:pin-t {
.sm\:top-0 {
top: 0;
}
.sm\:pin-r {
.sm\:right-0 {
right: 0;
}
.sm\:pin-b {
.sm\:bottom-0 {
bottom: 0;
}
.sm\:pin-l {
.sm\:left-0 {
left: 0;
}
@ -19158,43 +19158,43 @@ samp {
position: sticky;
}
.md\:pin-none {
.md\:inset-auto {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.md\:pin {
.md\:inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.md\:pin-y {
.md\:inset-y-0 {
top: 0;
bottom: 0;
}
.md\:pin-x {
.md\:inset-x-0 {
right: 0;
left: 0;
}
.md\:pin-t {
.md\:top-0 {
top: 0;
}
.md\:pin-r {
.md\:right-0 {
right: 0;
}
.md\:pin-b {
.md\:bottom-0 {
bottom: 0;
}
.md\:pin-l {
.md\:left-0 {
left: 0;
}
@ -25900,43 +25900,43 @@ samp {
position: sticky;
}
.lg\:pin-none {
.lg\:inset-auto {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.lg\:pin {
.lg\:inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.lg\:pin-y {
.lg\:inset-y-0 {
top: 0;
bottom: 0;
}
.lg\:pin-x {
.lg\:inset-x-0 {
right: 0;
left: 0;
}
.lg\:pin-t {
.lg\:top-0 {
top: 0;
}
.lg\:pin-r {
.lg\:right-0 {
right: 0;
}
.lg\:pin-b {
.lg\:bottom-0 {
bottom: 0;
}
.lg\:pin-l {
.lg\:left-0 {
left: 0;
}
@ -32642,43 +32642,43 @@ samp {
position: sticky;
}
.xl\:pin-none {
.xl\:inset-auto {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.xl\:pin {
.xl\:inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.xl\:pin-y {
.xl\:inset-y-0 {
top: 0;
bottom: 0;
}
.xl\:pin-x {
.xl\:inset-x-0 {
right: 0;
left: 0;
}
.xl\:pin-t {
.xl\:top-0 {
top: 0;
}
.xl\:pin-r {
.xl\:right-0 {
right: 0;
}
.xl\:pin-b {
.xl\:bottom-0 {
bottom: 0;
}
.xl\:pin-l {
.xl\:left-0 {
left: 0;
}

16
src/plugins/inset.js
View File

@ -2,24 +2,24 @@ export default function() {
return function({ addUtilities, config }) {
addUtilities(
{
'.pin-none': {
'.inset-auto': {
top: 'auto',
right: 'auto',
bottom: 'auto',
left: 'auto',
},
'.pin': {
'.inset-0': {
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 },
'.inset-y-0': { top: 0, bottom: 0 },
'.inset-x-0': { right: 0, left: 0 },
'.top-0': { top: 0 },
'.right-0': { right: 0 },
'.bottom-0': { bottom: 0 },
'.left-0': { left: 0 },
},
config('variants.inset')
)