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 self-auto utility

Browse Source 
Allows resetting align-self back to the default value if necessary at different breakpoints.
This commit is contained in:
Adam Wathan 2017-10-24 07:47:17 -04:00
parent 7bcb9da86b
commit 063f12ce58
2 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
__tests__/fixtures/tailwind.css
View File

@ -3120,6 +3120,10 @@ button,
align-items: stretch;
}
.self-auto {
align-self: auto;
}
.self-start {
align-self: flex-start;
}
@ -5870,6 +5874,10 @@ button,
align-items: stretch;
}
.sm\:self-auto {
align-self: auto;
}
.sm\:self-start {
align-self: flex-start;
}
@ -8621,6 +8629,10 @@ button,
align-items: stretch;
}
.md\:self-auto {
align-self: auto;
}
.md\:self-start {
align-self: flex-start;
}
@ -11372,6 +11384,10 @@ button,
align-items: stretch;
}
.lg\:self-auto {
align-self: auto;
}
.lg\:self-start {
align-self: flex-start;
}
@ -14123,6 +14139,10 @@ button,
align-items: stretch;
}
.xl\:self-auto {
align-self: auto;
}
.xl\:self-start {
align-self: flex-start;
}

3
src/generators/flex.js
View File

@ -44,6 +44,9 @@ export default function() {
'items-stretch': {
'align-items': 'stretch',
},
'self-auto': {
'align-self': 'auto',
},
'self-start': {
'align-self': 'flex-start',
},