233 lines
6.0 KiB
CSS
233 lines
6.0 KiB
CSS
/* align-self */
|
|
.alignSelfAuto { align-self: auto; }
|
|
.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; }
|
|
|
|
.alignSelfCenterSafe { align-self: safe center; }
|
|
.alignSelfCenterUnsafe { align-self: unsafe center; }
|
|
.alignSelfEndSafe { align-self: safe end; }
|
|
.alignSelfEndUnsafe { align-self: unsafe end; }
|
|
|
|
.alignSelfBaseline { align-self: baseline; }
|
|
|
|
/* align-items */
|
|
.alignItemsAuto { align-items: auto; }
|
|
.alignItemsStretch { align-items: stretch; }
|
|
.alignItemsStart { align-items: start; }
|
|
.alignItemsCenter { align-items: center; }
|
|
.alignItemsEnd { align-items: end; }
|
|
.alignItemsBaseline { align-items: baseline; }
|
|
|
|
.alignItemsCenterSafe { align-items: safe center; }
|
|
.alignItemsCenterUnsafe { align-items: unsafe center; }
|
|
.alignItemsEndSafe { align-items: safe end; }
|
|
.alignItemsEndUnsafe { align-items: unsafe end; }
|
|
|
|
/* 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; }
|
|
|
|
/* justify-self */
|
|
.justifySelfAuto { justify-self: auto; }
|
|
.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; }
|
|
|
|
.justifySelfCenterSafe { justify-self: safe center; }
|
|
.justifySelfCenterUnsafe { justify-self: unsafe center; }
|
|
|
|
.justifySelfBaseline { justify-self: baseline; }
|
|
|
|
/* justify-items */
|
|
.justifyItemsAuto { justify-items: auto; }
|
|
.justifyItemsStretch { justify-items: stretch; }
|
|
.justifyItemsStart { justify-items: start; }
|
|
.justifyItemsCenter { justify-items: center; }
|
|
.justifyItemsEnd { justify-items: end; }
|
|
.justifyItemsLeft { justify-items: left; }
|
|
.justifyItemsRight { justify-items: right; }
|
|
|
|
.justifyItemsCenterSafe { justify-items: safe center; }
|
|
.justifyItemsCenterUnsafe { justify-items: unsafe center; }
|
|
.justifyItemsEndSafe { justify-items: safe end; }
|
|
.justifyItemsEndUnsafe { justify-items: unsafe end; }
|
|
|
|
.justifyItemsBaseline { justify-items: 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; }
|
|
|
|
/* 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;
|
|
}
|
|
|
|
.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;
|
|
}
|