// Flex Utilities
// --------------------------------------------------
// Creates flex classes to align flex containers
// and items

// Align Self
// --------------------------------------------------

.lu-align-self-start,
[align-self-start] {
    align-self: flex-start !important;
}

.lu-align-self-end,
[align-self-end] {
    align-self: flex-end !important;
}

.lu-align-self-center,
[align-self-center] {
    align-self: center !important;
}

.lu-align-self-stretch,
[align-self-stretch] {
    align-self: stretch !important;
}

.lu-align-self-baseline,
[align-self-baseline] {
    align-self: baseline !important;
}

.lu-align-self-auto,
[align-self-auto] {
    align-self: auto !important;
}


// Flex Wrap
// --------------------------------------------------

.lu-wrap,
[wrap] {
    flex-wrap: wrap !important;
}

.lu-nowrap,
[nowrap] {
    flex-wrap: nowrap !important;
}

.lu-wrap-reverse,
[wrap-reverse] {
    flex-wrap: wrap-reverse !important;
}


// Justify Content
// --------------------------------------------------

.lu-justify-content-start,
[justify-content-start] {
    justify-content: flex-start !important;
}

.lu-justify-content-center,
[justify-content-center] {
    justify-content: center !important;
}

.lu-justify-content-end,
[justify-content-end] {
    justify-content: flex-end !important;
}

.lu-justify-content-around,
[justify-content-around] {
    justify-content: space-around !important;
}

.lu-justify-content-between,
[justify-content-between] {
    justify-content: space-between !important;
}

.lu-justify-content-evenly,
[justify-content-evenly] {
    justify-content: space-evenly !important;
}


// Align Items
// --------------------------------------------------

.lu-align-items-start,
[align-items-start] {
    align-items: flex-start !important;
}

.lu-align-items-center,
[align-items-center] {
    align-items: center !important;
}

.lu-align-items-end,
[align-items-end] {
    align-items: flex-end !important;
}

.lu-align-items-stretch,
[align-items-stretch] {
    align-items: stretch !important;
}

.lu-align-items-baseline,
[align-items-baseline] {
    align-items: baseline !important;
}