367 lines
12 KiB
CSS
367 lines
12 KiB
CSS
/* align-self */
|
|
.alignSelfAuto { align-self: auto; }
|
|
.alignSelfNormal { align-self: normal; }
|
|
.alignSelfStretch { align-self: stretch; }
|
|
.alignSelfStart { align-self: start; }
|
|
.alignSelfEnd { align-self: end; }
|
|
.alignSelfCenter { align-self: center; }
|
|
.alignSelfRight { align-self: right; }
|
|
.alignSelfLeft { align-self: left; }
|
|
|
|
.alignSelfFlexStart { align-self: flex-start; }
|
|
.alignSelfFlexEnd { align-self: flex-end; }
|
|
|
|
.alignSelfSelfStart { align-self: self-start; }
|
|
.alignSelfSelfEnd { align-self: self-end; }
|
|
|
|
.alignSelfSafeCenter { align-self: safe center; }
|
|
.alignSelfUnsafeCenter { align-self: unsafe center; }
|
|
.alignSelfSafeEnd { align-self: safe end; }
|
|
.alignSelfUnsafeEnd { align-self: unsafe end; }
|
|
.alignSelfSafeSelfEnd { align-self: safe self-end; }
|
|
.alignSelfUnsafeSelfEnd { align-self: unsafe self-end; }
|
|
.alignSelfSafeSelfStart { align-self: safe self-start; }
|
|
.alignSelfUnsafeSelfStart { align-self: unsafe self-start; }
|
|
.alignSelfSafeRight { align-self: safe right; }
|
|
.alignSelfUnsafeRight { align-self: unsafe right; }
|
|
.alignSelfSafeLeft { align-self: safe left; }
|
|
.alignSelfUnsafeLeft { align-self: unsafe left; }
|
|
.alignSelfSafeFlexEnd { align-self: safe flex-end; }
|
|
.alignSelfUnsafeFlexEnd { align-self: unsafe flex-end; }
|
|
.alignSelfSafeFlexStart { align-self: safe flex-start; }
|
|
.alignSelfUnsafeFlexStart { align-self: unsafe flex-start; }
|
|
|
|
.alignSelfBaseline { align-self: baseline; }
|
|
.alignSelfFirstBaseline { align-self: first baseline; }
|
|
.alignSelfLastBaseline { align-self: last baseline; }
|
|
|
|
/* align-items */
|
|
.alignItemsAuto { align-items: auto; }
|
|
.alignItemsNormal { align-items: normal; }
|
|
.alignItemsStretch { align-items: stretch; }
|
|
.alignItemsStart { align-items: start; }
|
|
.alignItemsCenter { align-items: center; }
|
|
.alignItemsEnd { align-items: end; }
|
|
.alignItemsLeft { align-items: left; }
|
|
.alignItemsRight { align-items: right; }
|
|
|
|
.alignItemsFlexStart { align-items: flex-start; }
|
|
.alignItemsFlexEnd { align-items: flex-end; }
|
|
|
|
.alignItemsSelfStart { align-items: self-start; }
|
|
.alignItemsSelfEnd { align-items: self-end; }
|
|
|
|
.alignItemsSafeCenter { align-items: safe center; }
|
|
.alignItemsUnsafeCenter { align-items: unsafe center; }
|
|
.alignItemsSafeEnd { align-items: safe end; }
|
|
.alignItemsUnsafeEnd { align-items: unsafe end; }
|
|
.alignItemsSafeSelfEnd { align-items: safe self-end; }
|
|
.alignItemsUnsafeSelfEnd { align-items: unsafe self-end; }
|
|
.alignItemsSafeSelfStart { align-items: safe self-start; }
|
|
.alignItemsUnsafeSelfStart { align-items: unsafe self-start; }
|
|
.alignItemsSafeRight { align-items: safe right; }
|
|
.alignItemsUnsafeRight { align-items: unsafe right; }
|
|
.alignItemsSafeLeft { align-items: safe left; }
|
|
.alignItemsUnsafeLeft { align-items: unsafe left; }
|
|
.alignItemsSafeFlexEnd { align-items: safe flex-end; }
|
|
.alignItemsUnsafeFlexEnd { align-items: unsafe flex-end; }
|
|
.alignItemsSafeFlexStart { align-items: safe flex-start; }
|
|
.alignItemsUnsafeFlexStart { align-items: unsafe flex-start; }
|
|
|
|
.alignItemsBaseline { align-items: baseline; }
|
|
.alignItemsFirstBaseline { align-items: first baseline; }
|
|
.alignItemsLastBaseline { align-items: last baseline; }
|
|
|
|
/* align-content */
|
|
.alignContentBaseline { align-content: baseline; }
|
|
.alignContentLastBaseline { align-content: last-baseline; }
|
|
.alignContentStart { align-content: start; }
|
|
.alignContentEnd { align-content: end; }
|
|
.alignContentCenter { align-content: center; }
|
|
.alignContentLeft { align-content: left; }
|
|
.alignContentRight { align-content: right; }
|
|
|
|
.alignContentFlexStart { align-content: flex-start; }
|
|
.alignContentFlexEnd { align-content: flex-end; }
|
|
|
|
.alignContentSpaceBetween { align-content: space-between; }
|
|
.alignContentSpaceAround { align-content: space-around; }
|
|
.alignContentSpaceEvenly { align-content: space-evenly; }
|
|
.alignContentStretch { align-content: stretch; }
|
|
|
|
.alignContentSafeCenter { align-content: safe center; }
|
|
.alignContentUnsafeCenter { align-content: unsafe center; }
|
|
.alignContentSafeEnd { align-content: safe end; }
|
|
.alignContentUnsafeEnd { align-content: unsafe end; }
|
|
.alignContentSafeRight { align-content: safe right; }
|
|
.alignContentUnsafeRight { align-content: unsafe right; }
|
|
.alignContentSafeLeft { align-content: safe left; }
|
|
.alignContentUnsafeLeft { align-content: unsafe left; }
|
|
.alignContentSafeFlexEnd { align-content: safe flex-end; }
|
|
.alignContentUnsafeFlexEnd { align-content: unsafe flex-end; }
|
|
.alignContentSafeFlexStart { align-content: safe flex-start; }
|
|
.alignContentUnsafeFlexStart { align-content: unsafe flex-start; }
|
|
|
|
.alignContentBaseline { align-content: baseline; }
|
|
.alignContentFirstBaseline { align-content: first baseline; }
|
|
.alignContentLastBaseline { align-content: last baseline; }
|
|
|
|
/* justify-self */
|
|
.justifySelfAuto { justify-self: auto; }
|
|
.justifySelfNormal { justify-self: normal; }
|
|
.justifySelfStretch { justify-self: stretch; }
|
|
.justifySelfStart { justify-self: start; }
|
|
.justifySelfCenter { justify-self: center; }
|
|
.justifySelfEnd { justify-self: end; }
|
|
.justifySelfRight { justify-self: right; }
|
|
.justifySelfLeft { justify-self: left; }
|
|
|
|
.justifySelfFlexStart { justify-self: flex-start; }
|
|
.justifySelfFlexEnd { justify-self: flex-end; }
|
|
|
|
.justifySelfSelfStart { justify-self: self-start; }
|
|
.justifySelfSelfEnd { justify-self: self-end; }
|
|
|
|
.justifySelfSafeCenter { justify-self: safe center; }
|
|
.justifySelfUnsafeCenter { justify-self: unsafe center; }
|
|
.justifySelfSafeEnd { justify-self: safe end; }
|
|
.justifySelfUnsafeEnd { justify-self: unsafe end; }
|
|
.justifySelfSafeSelfEnd { justify-self: safe self-end; }
|
|
.justifySelfUnsafeSelfEnd { justify-self: unsafe self-end; }
|
|
.justifySelfSafeSelfStart { justify-self: safe self-start; }
|
|
.justifySelfUnsafeSelfStart { justify-self: unsafe self-start; }
|
|
.justifySelfSafeRight { justify-self: safe right; }
|
|
.justifySelfUnsafeRight { justify-self: unsafe right; }
|
|
.justifySelfSafeLeft { justify-self: safe left; }
|
|
.justifySelfUnsafeLeft { justify-self: unsafe left; }
|
|
.justifySelfSafeFlexEnd { justify-self: safe flex-end; }
|
|
.justifySelfUnsafeFlexEnd { justify-self: unsafe flex-end; }
|
|
.justifySelfSafeFlexStart { justify-self: safe flex-start; }
|
|
.justifySelfUnsafeFlexStart { justify-self: unsafe flex-start; }
|
|
|
|
.justifySelfBaseline { justify-self: baseline; }
|
|
.justifySelfFirstBaseline { justify-self: first baseline; }
|
|
.justifySelfLastBaseline { justify-self: last baseline; }
|
|
|
|
/* justify-items */
|
|
.justifyItemsAuto { justify-items: auto; }
|
|
.justifyItemsNormal { justify-items: normal; }
|
|
.justifyItemsStretch { justify-items: stretch; }
|
|
.justifyItemsStart { justify-items: start; }
|
|
.justifyItemsCenter { justify-items: center; }
|
|
.justifyItemsEnd { justify-items: end; }
|
|
.justifyItemsLeft { justify-items: left; }
|
|
.justifyItemsRight { justify-items: right; }
|
|
|
|
.justifyItemsFlexStart { justify-items: flex-start; }
|
|
.justifyItemsFlexEnd { justify-items: flex-end; }
|
|
|
|
.justifyItemsSelfStart { justify-items: self-start; }
|
|
.justifyItemsSelfEnd { justify-items: self-end; }
|
|
|
|
.justifyItemsLegacy { justify-items: legacy; }
|
|
.justifyItemsLegacyLeft { justify-items: legacy left; }
|
|
.justifyItemsLegacyCenter { justify-items: legacy center; }
|
|
.justifyItemsLegacyRight { justify-items: legacy right; }
|
|
.justifyItemsLeftLegacy { justify-items: left legacy; }
|
|
.justifyItemsCenterLegacy { justify-items: center legacy; }
|
|
.justifyItemsRightLegacy { justify-items: right legacy; }
|
|
|
|
.justifyItemsSafeCenter { justify-items: safe center; }
|
|
.justifyItemsUnsafeCenter { justify-items: unsafe center; }
|
|
.justifyItemsSafeEnd { justify-items: safe end; }
|
|
.justifyItemsUnsafeEnd { justify-items: unsafe end; }
|
|
.justifyItemsSafeSelfEnd { justify-items: safe self-end; }
|
|
.justifyItemsUnsafeSelfEnd { justify-items: unsafe self-end; }
|
|
.justifyItemsSafeSelfStart { justify-items: safe self-start; }
|
|
.justifyItemsUnsafeSelfStart { justify-items: unsafe self-start; }
|
|
.justifyItemsSafeRight { justify-items: safe right; }
|
|
.justifyItemsUnsafeRight { justify-items: unsafe right; }
|
|
.justifyItemsSafeLeft { justify-items: safe left; }
|
|
.justifyItemsUnsafeLeft { justify-items: unsafe left; }
|
|
.justifyItemsSafeFlexEnd { justify-items: safe flex-end; }
|
|
.justifyItemsUnsafeFlexEnd { justify-items: unsafe flex-end; }
|
|
.justifyItemsSafeFlexStart { justify-items: safe flex-start; }
|
|
.justifyItemsUnsafeFlexStart { justify-items: unsafe flex-start; }
|
|
|
|
.justifyItemsTest { justify-items: safe end; }
|
|
|
|
.justifyItemsBaseline { justify-items: baseline; }
|
|
.justifyItemsFirstBaseline { justify-items: first baseline; }
|
|
.justifyItemsLastBaseline { justify-items: last baseline; }
|
|
|
|
/* justify-content */
|
|
.justifyContentBaseline { justify-content: baseline; }
|
|
.justifyContentLastBaseline { justify-content: last-baseline; }
|
|
.justifyContentStart { justify-content: start; }
|
|
.justifyContentEnd { justify-content: end; }
|
|
.justifyContentCenter { justify-content: center; }
|
|
.justifyContentLeft { justify-content: left; }
|
|
.justifyContentRight { justify-content: right; }
|
|
|
|
.justifyContentFlexStart { justify-content: flex-start; }
|
|
.justifyContentFlexEnd { justify-content: flex-end; }
|
|
|
|
.justifyContentSpaceBetween { justify-content: space-between; }
|
|
.justifyContentSpaceAround { justify-content: space-around; }
|
|
.justifyContentSpaceEvenly { justify-content: space-evenly; }
|
|
.justifyContentStretch { justify-content: stretch; }
|
|
|
|
.justifyContentSafeCenter { justify-content: safe center; }
|
|
.justifyContentUnsafeCenter { justify-content: unsafe center; }
|
|
.justifyContentSafeEnd { justify-content: safe end; }
|
|
.justifyContentUnsafeEnd { justify-content: unsafe end; }
|
|
.justifyContentSafeRight { justify-content: safe right; }
|
|
.justifyContentUnsafeRight { justify-content: unsafe right; }
|
|
.justifyContentSafeLeft { justify-content: safe left; }
|
|
.justifyContentUnsafeLeft { justify-content: unsafe left; }
|
|
.justifyContentSafeFlexEnd { justify-content: safe flex-end; }
|
|
.justifyContentUnsafeFlexEnd { justify-content: unsafe flex-end; }
|
|
.justifyContentSafeFlexStart { justify-content: safe flex-start; }
|
|
.justifyContentUnsafeFlexStart { justify-content: unsafe flex-start; }
|
|
|
|
.justifyContentBaseline { justify-content: baseline; }
|
|
.justifyContentFirstBaseline { justify-content: first baseline; }
|
|
.justifyContentLastBaseline { justify-content: last baseline; }
|
|
|
|
/* Both align-items and justify-items */
|
|
.itemsNormal {
|
|
align-items: normal;
|
|
justify-items: normal;
|
|
}
|
|
|
|
.itemsStretch {
|
|
align-items: stretch;
|
|
justify-items: stretch;
|
|
}
|
|
|
|
.itemsStart {
|
|
align-items: start;
|
|
justify-items: start;
|
|
}
|
|
|
|
.itemsCenter {
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
|
|
.itemsEnd {
|
|
align-items: end;
|
|
justify-items: end;
|
|
}
|
|
|
|
.itemsLeft {
|
|
align-items: left;
|
|
justify-items: left;
|
|
}
|
|
|
|
.itemsRight {
|
|
align-items: right;
|
|
justify-items: right;
|
|
}
|
|
|
|
.itemsSelfStart {
|
|
align-items: self-start;
|
|
justify-items: self-start;
|
|
}
|
|
|
|
.itemsSelfEnd {
|
|
align-items: self-end;
|
|
justify-items: self-end;
|
|
}
|
|
.itemsBaseline {
|
|
align-items: baseline;
|
|
justify-items: baseline;
|
|
}
|
|
|
|
/* Both align-self and justify-self */
|
|
.selfStretch {
|
|
align-self: stretch;
|
|
justify-self: stretch;
|
|
}
|
|
.selfStart {
|
|
align-self: start;
|
|
justify-self: start;
|
|
}
|
|
.selfEnd {
|
|
align-self: end;
|
|
justify-self: end;
|
|
}
|
|
.selfCenter {
|
|
align-self: center;
|
|
justify-self: center;
|
|
}
|
|
.selfRight {
|
|
align-self: right;
|
|
justify-self: right;
|
|
}
|
|
.selfLeft {
|
|
align-self: left;
|
|
justify-self: left;
|
|
}
|
|
.selfSelfStart {
|
|
align-self: self-start;
|
|
justify-self: self-start;
|
|
}
|
|
.selfSelfEnd {
|
|
align-self: self-end;
|
|
justify-self: self-end;
|
|
}
|
|
.selfBaseline {
|
|
align-self: baseline;
|
|
justify-self: baseline;
|
|
}
|
|
|
|
/* Both align-content and justify-content */
|
|
.contentStart {
|
|
align-content: start;
|
|
justify-content: start;
|
|
}
|
|
.contentCenter {
|
|
align-content: center;
|
|
justify-content: center;
|
|
}
|
|
.contentEnd {
|
|
align-content: end;
|
|
justify-content: end;
|
|
}
|
|
|
|
.contentCenterSafe {
|
|
align-content: safe center;
|
|
justify-content: safe center;
|
|
}
|
|
|
|
.contentCenterUnsafe {
|
|
align-content: unsafe center;
|
|
justify-content: unsafe center;
|
|
}
|
|
|
|
.contentEndSafe {
|
|
align-content: safe end;
|
|
justify-content: safe end;
|
|
}
|
|
|
|
.contentEndUnsafe {
|
|
align-content: unsafe end;
|
|
justify-content: unsafe end;
|
|
}
|
|
|
|
.contentSpaceBetween {
|
|
justify-content: space-between;
|
|
align-content: space-between;
|
|
}
|
|
|
|
.contentSpaceAround {
|
|
justify-content: space-around;
|
|
align-content: space-around;
|
|
}
|
|
|
|
.contentSpaceEvenly {
|
|
justify-content: space-evenly;
|
|
align-content: space-evenly;
|
|
}
|
|
|
|
.contentStretch {
|
|
justify-content: stretch;
|
|
align-content: stretch;
|
|
}
|