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

Add pin-none utility, remove width/height from pin

Browse Source
This commit is contained in:
Adam Wathan 2017-11-24 09:42:01 -05:00
parent 45eff6578b
commit 6899a4913b
2 changed files with 41 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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 {

8
src/generators/position.js
View File

@ -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%',
},
})
}