/**
 * Flex
 * https://stackoverflow.design/product/base/flex/
 */
/* align-content */
.ac-stretch {
    align-content:stretch;
}

.ac-center {
    align-content:center;
}

.ac-start {
    align-content:flex-start;
}

.ac-end {
    align-content:flex-end;
}

.ac-space-between {
    align-content:space-between;
}

.ac-space-around {
    align-content:space-around;
}

/* align-items */
.ai-stretch {
    align-items:stretch;
}

.ai-center {
    align-items:center;
}

.ai-start {
    align-items:flex-start;
}

.ai-end {
    align-items:flex-end;
}

.ai-baseline {
    align-items:baseline;
}

/* align-self */
.as-auto {
    align-self:auto;
}

.as-stretch {
    align-self:stretch;
}

.as-center {
    align-self:center;
}

.as-start {
    align-self:flex-start;
}

.as-end {
    align-self:flex-end;
}

.as-baseline {
    align-self:baseline;
}

/* flex-direction */
.fd-row {
    flex-direction:row;
}

.fd-row-reverse {
    flex-direction:row-reverse;
}

.fd-column {
    flex-direction:column;
}

.fd-column-reverse {
    flex-direction:column-reverse;
}

/* flex-wrap */
.fw-nowrap {
    flex-wrap:nowrap;
}

.fw-wrap {
    flex-wrap:wrap;
}

.fw-wrap-reverse {
    flex-wrap:wrap-reverse;
}

/* justify-content */
.jc-start {
    justify-content:flex-start;
}

.jc-end {
    justify-content:flex-end;
}

.jc-center {
    justify-content:center;
}

.jc-space-between {
    justify-content:space-between;
}

.jc-space-around {
    justify-content:space-around;
}

.jc-space-evenly {
    justify-content:space-evenly;
}

/* fl-center */
.fl-center {
    display:flex;
    align-items:center;
    justify-content:center;
}

/* fl-center-v */
.fl-center-v {
    display:flex;
    align-items:center;
}

/* fl-center-h */
.fl-center-h {
    display:flex;
    justify-content:center;
}

/* fl-grid */
.fl-grid {
    display:flex;
    flex-wrap:wrap;
}