Add all margin-auto utilities

This commit is contained in:
Jonathan Reinink 2017-11-03 11:19:43 -04:00
parent 5c585f844e
commit c550cd1b7c
10 changed files with 273 additions and 17 deletions

View File

@ -2982,10 +2982,18 @@ button,
margin: 1px;
}
.mt-auto {
margin-top: auto;
}
.mr-auto {
margin-right: auto;
}
.mb-auto {
margin-bottom: auto;
}
.ml-auto {
margin-left: auto;
}
@ -2995,6 +3003,15 @@ button,
margin-right: auto;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
}
.m-auto {
margin: auto;
}
.-mt-0 {
margin-top: 0;
}
@ -5925,10 +5942,18 @@ button,
margin: 1px;
}
.sm\:mt-auto {
margin-top: auto;
}
.sm\:mr-auto {
margin-right: auto;
}
.sm\:mb-auto {
margin-bottom: auto;
}
.sm\:ml-auto {
margin-left: auto;
}
@ -5938,6 +5963,15 @@ button,
margin-right: auto;
}
.sm\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.sm\:m-auto {
margin: auto;
}
.sm\:-mt-0 {
margin-top: 0;
}
@ -8869,10 +8903,18 @@ button,
margin: 1px;
}
.md\:mt-auto {
margin-top: auto;
}
.md\:mr-auto {
margin-right: auto;
}
.md\:mb-auto {
margin-bottom: auto;
}
.md\:ml-auto {
margin-left: auto;
}
@ -8882,6 +8924,15 @@ button,
margin-right: auto;
}
.md\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.md\:m-auto {
margin: auto;
}
.md\:-mt-0 {
margin-top: 0;
}
@ -11813,10 +11864,18 @@ button,
margin: 1px;
}
.lg\:mt-auto {
margin-top: auto;
}
.lg\:mr-auto {
margin-right: auto;
}
.lg\:mb-auto {
margin-bottom: auto;
}
.lg\:ml-auto {
margin-left: auto;
}
@ -11826,6 +11885,15 @@ button,
margin-right: auto;
}
.lg\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.lg\:m-auto {
margin: auto;
}
.lg\:-mt-0 {
margin-top: 0;
}
@ -14757,10 +14825,18 @@ button,
margin: 1px;
}
.xl\:mt-auto {
margin-top: auto;
}
.xl\:mr-auto {
margin-right: auto;
}
.xl\:mb-auto {
margin-bottom: auto;
}
.xl\:ml-auto {
margin-left: auto;
}
@ -14770,6 +14846,15 @@ button,
margin-right: auto;
}
.xl\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.xl\:m-auto {
margin: auto;
}
.xl\:-mt-0 {
margin-top: 0;
}

12
dist/preflight.css vendored
View File

@ -574,16 +574,4 @@ button,
cursor: pointer;
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
/*# sourceMappingURL=preflight.css.map */

File diff suppressed because one or more lines are too long

85
dist/tailwind.css vendored
View File

@ -3000,10 +3000,18 @@ button,
margin: 1px;
}
.mt-auto {
margin-top: auto;
}
.mr-auto {
margin-right: auto;
}
.mb-auto {
margin-bottom: auto;
}
.ml-auto {
margin-left: auto;
}
@ -3013,6 +3021,15 @@ button,
margin-right: auto;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
}
.m-auto {
margin: auto;
}
.-mt-0 {
margin-top: 0;
}
@ -5971,10 +5988,18 @@ button,
margin: 1px;
}
.sm\:mt-auto {
margin-top: auto;
}
.sm\:mr-auto {
margin-right: auto;
}
.sm\:mb-auto {
margin-bottom: auto;
}
.sm\:ml-auto {
margin-left: auto;
}
@ -5984,6 +6009,15 @@ button,
margin-right: auto;
}
.sm\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.sm\:m-auto {
margin: auto;
}
.sm\:-mt-0 {
margin-top: 0;
}
@ -8943,10 +8977,18 @@ button,
margin: 1px;
}
.md\:mt-auto {
margin-top: auto;
}
.md\:mr-auto {
margin-right: auto;
}
.md\:mb-auto {
margin-bottom: auto;
}
.md\:ml-auto {
margin-left: auto;
}
@ -8956,6 +8998,15 @@ button,
margin-right: auto;
}
.md\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.md\:m-auto {
margin: auto;
}
.md\:-mt-0 {
margin-top: 0;
}
@ -11915,10 +11966,18 @@ button,
margin: 1px;
}
.lg\:mt-auto {
margin-top: auto;
}
.lg\:mr-auto {
margin-right: auto;
}
.lg\:mb-auto {
margin-bottom: auto;
}
.lg\:ml-auto {
margin-left: auto;
}
@ -11928,6 +11987,15 @@ button,
margin-right: auto;
}
.lg\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.lg\:m-auto {
margin: auto;
}
.lg\:-mt-0 {
margin-top: 0;
}
@ -14887,10 +14955,18 @@ button,
margin: 1px;
}
.xl\:mt-auto {
margin-top: auto;
}
.xl\:mr-auto {
margin-right: auto;
}
.xl\:mb-auto {
margin-bottom: auto;
}
.xl\:ml-auto {
margin-left: auto;
}
@ -14900,6 +14976,15 @@ button,
margin-right: auto;
}
.xl\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.xl\:m-auto {
margin: auto;
}
.xl\:-mt-0 {
margin-top: 0;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

85
dist/utilities.css vendored
View File

@ -2424,10 +2424,18 @@
margin: 1px;
}
.mt-auto {
margin-top: auto;
}
.mr-auto {
margin-right: auto;
}
.mb-auto {
margin-bottom: auto;
}
.ml-auto {
margin-left: auto;
}
@ -2437,6 +2445,15 @@
margin-right: auto;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
}
.m-auto {
margin: auto;
}
.-mt-0 {
margin-top: 0;
}
@ -5395,10 +5412,18 @@
margin: 1px;
}
.sm\:mt-auto {
margin-top: auto;
}
.sm\:mr-auto {
margin-right: auto;
}
.sm\:mb-auto {
margin-bottom: auto;
}
.sm\:ml-auto {
margin-left: auto;
}
@ -5408,6 +5433,15 @@
margin-right: auto;
}
.sm\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.sm\:m-auto {
margin: auto;
}
.sm\:-mt-0 {
margin-top: 0;
}
@ -8367,10 +8401,18 @@
margin: 1px;
}
.md\:mt-auto {
margin-top: auto;
}
.md\:mr-auto {
margin-right: auto;
}
.md\:mb-auto {
margin-bottom: auto;
}
.md\:ml-auto {
margin-left: auto;
}
@ -8380,6 +8422,15 @@
margin-right: auto;
}
.md\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.md\:m-auto {
margin: auto;
}
.md\:-mt-0 {
margin-top: 0;
}
@ -11339,10 +11390,18 @@
margin: 1px;
}
.lg\:mt-auto {
margin-top: auto;
}
.lg\:mr-auto {
margin-right: auto;
}
.lg\:mb-auto {
margin-bottom: auto;
}
.lg\:ml-auto {
margin-left: auto;
}
@ -11352,6 +11411,15 @@
margin-right: auto;
}
.lg\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.lg\:m-auto {
margin: auto;
}
.lg\:-mt-0 {
margin-top: 0;
}
@ -14311,10 +14379,18 @@
margin: 1px;
}
.xl\:mt-auto {
margin-top: auto;
}
.xl\:mr-auto {
margin-right: auto;
}
.xl\:mb-auto {
margin-bottom: auto;
}
.xl\:ml-auto {
margin-left: auto;
}
@ -14324,6 +14400,15 @@
margin-right: auto;
}
.xl\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.xl\:m-auto {
margin: auto;
}
.xl\:-mt-0 {
margin-top: 0;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -98,9 +98,15 @@ export default function ({ padding, margin, negativeMargin }) {
definePadding(padding),
defineMargin(margin),
defineClasses({
'mt-auto': {
'margin-top': 'auto',
},
'mr-auto': {
'margin-right': 'auto',
},
'mb-auto': {
'margin-bottom': 'auto',
},
'ml-auto': {
'margin-left': 'auto',
},
@ -108,6 +114,13 @@ export default function ({ padding, margin, negativeMargin }) {
'margin-left': 'auto',
'margin-right': 'auto',
},
'my-auto': {
'margin-top': 'auto',
'margin-bottom': 'auto',
},
'm-auto': {
'margin': 'auto',
},
}),
defineNegativeMargin(negativeMargin),
])