@use '../function' as *;
@use '../mixin';

@mixin roolith-block-auth() {
    .block-auth {
        padding: rem(20) 0;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
    }

    .block-auth-container {
        width: rem(400);
        margin: 0 auto;
    }

    .block-auth-header {
        padding-bottom: rem(30);
    }

    .block-auth-footer {
        padding-top: rem(10);
    }
}