scss-library/components/01_Layouts/alignment/_alignment.scss

@mixin RV-Alignment--top {
    display: grid;
    align-content: start;
}

@mixin RV-Alignment--bottom {
    display: grid;
    align-content: end;
}

@mixin RV-Alignment--left {
    display: grid;
    justify-content: start;
}

@mixin RV-Alignment--right {
    display: grid;
    justify-content: end;
}

@mixin RV-Alignment--horizontalCenter {
    display: grid;
    justify-content: center;
}

@mixin RV-Alignment--verticalCenter {
    display: grid;
    align-items: center;
}

@mixin RV-Alignment--center {
    @include RV-Alignment--horizontalCenter;
    @include RV-Alignment--verticalCenter;
}

@mixin RV-Alignment($-prefix: '&') {
    display: grid;

    #{$-prefix}--top {
        @include RV-Alignment--top;
    }

    #{$-prefix}--bottom {
        @include RV-Alignment--bottom;
    }

    #{$-prefix}--left {
        @include RV-Alignment--left;
    }

    #{$-prefix}--right {
        @include RV-Alignment--right;
    }

    #{$-prefix}--horizontalCenter {
        @include RV-Alignment--horizontalCenter;
    }

    #{$-prefix}--verticalCenter {
        @include RV-Alignment--verticalCenter;
    }

    #{$-prefix}--center {
        @include RV-Alignment--center;
    }
}

.RV-Alignment {
    @include RV-Alignment;
}