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

Merge pull request #236 from tailwindcss/pin-none

Browse Source 
[0.3] Add `pin-none` utility to reset positioning at higher breakpoints
This commit is contained in:
Adam Wathan 2017-11-24 15:03:44 -05:00 committed by GitHub
commit 65efe91911
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 132 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3413,6 +3413,30 @@ button,
position: relative;
}
.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;
}
@ -3429,25 +3453,6 @@ button,
left: 0;
}
.pin-y {
top: 0;
bottom: 0;
}
.pin-x {
right: 0;
left: 0;
}
.pin {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.resize-none {
resize: none;
}
@ -7252,6 +7257,30 @@ button,
position: relative;
}
.sm\:pin-none {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.sm\:pin {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.sm\:pin-y {
top: 0;
bottom: 0;
}
.sm\:pin-x {
right: 0;
left: 0;
}
.sm\:pin-t {
top: 0;
}
@ -7268,25 +7297,6 @@ button,
left: 0;
}
.sm\:pin-y {
top: 0;
bottom: 0;
}
.sm\:pin-x {
right: 0;
left: 0;
}
.sm\:pin {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.sm\:resize-none {
resize: none;
}
@ -11092,6 +11102,30 @@ button,
position: relative;
}
.md\:pin-none {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.md\:pin {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.md\:pin-y {
top: 0;
bottom: 0;
}
.md\:pin-x {
right: 0;
left: 0;
}
.md\:pin-t {
top: 0;
}
@ -11108,25 +11142,6 @@ button,
left: 0;
}
.md\:pin-y {
top: 0;
bottom: 0;
}
.md\:pin-x {
right: 0;
left: 0;
}
.md\:pin {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.md\:resize-none {
resize: none;
}
@ -14932,6 +14947,30 @@ button,
position: relative;
}
.lg\:pin-none {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.lg\:pin {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.lg\:pin-y {
top: 0;
bottom: 0;
}
.lg\:pin-x {
right: 0;
left: 0;
}
.lg\:pin-t {
top: 0;
}
@ -14948,25 +14987,6 @@ button,
left: 0;
}
.lg\:pin-y {
top: 0;
bottom: 0;
}
.lg\:pin-x {
right: 0;
left: 0;
}
.lg\:pin {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.lg\:resize-none {
resize: none;
}
@ -18772,6 +18792,30 @@ button,
position: relative;
}
.xl\:pin-none {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.xl\:pin {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.xl\:pin-y {
top: 0;
bottom: 0;
}
.xl\:pin-x {
right: 0;
left: 0;
}
.xl\:pin-t {
top: 0;
}
@ -18788,25 +18832,6 @@ button,
left: 0;
}
.xl\:pin-y {
top: 0;
bottom: 0;
}
.xl\:pin-x {
right: 0;
left: 0;
}
.xl\:pin {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.xl\:resize-none {
resize: none;
}

20
src/generators/position.js
View File

@ -6,19 +6,23 @@ export default function() {
fixed: { position: 'fixed' },
absolute: { position: 'absolute' },
relative: { position: 'relative' },
'pin-t': { top: 0 },
'pin-r': { right: 0 },
'pin-b': { bottom: 0 },
'pin-l': { left: 0 },
'pin-y': { top: 0, bottom: 0 },
'pin-x': { right: 0, left: 0 },
'pin-none': {
top: 'auto',
right: 'auto',
bottom: 'auto',
left: 'auto',
},
pin: {
top: 0,
right: 0,
bottom: 0,
left: 0,
width: '100%',
height: '100%',
},
'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 },
})
}