// RIVER Design-System: Helpers - Flex / General //

// General flex helpers.
// These support with common flex layouts and formatting.

@if(design-setting('helpers') and design-setting('helpers.flex-general', false)) {
    /* RIVER Design-System: Helpers - Flex / General */

    .flex-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .flex-center-vertical {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .flex-center-horizontal {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

}