/*
Copyright (C) 2021 Znuny GmbH, https://znuny.org/

This software comes with ABSOLUTELY NO WARRANTY. For details, see
the enclosed file COPYING for license information (AGPL). If you
did not receive this file, see http://www.gnu.org/licenses/agpl.txt.
*/

/**
 * @package     Skin "Default"
 * @section     Flexbox
    - main classes
 */

@media screen,projection,tv,handheld {

    /* **************************************** Main Classes **************************************** */
    form.flex-column, 
    div.flex-column, 
    span.flex-column {
        display: flex;
        flex-flow: column !important;
    }

    div.flex-row, 
    span.flex-row {
        display: flex;
        flex-flow: row;
    }

    div.flex-center, 
    span.flex-center {
        justify-content: center;
    }

    div.flex-space-between, 
    span.flex-space-between {
        justify-content: space-between;
    }

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

    div.flex-row.flex-wrap,
    span.flex-row.flex-wrap,
    div.flex-column.flex-wrap, 
    span.flex-column.flex-wrap,
    div.flex-wrap,
    span.flex-wrap,
    .flex-wrap {
        flex-wrap: wrap;
    }

    .flex-gap-20 {
        gap: var(--gap-md);
    }
}