////
/// @group 10-centering
////

/// Zentriert ein Element vertikal und horizontal.
@mixin absolute-center() {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/// Zentriert ein Element vertikal.
@mixin vertical-center() {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/// Zentriert ein Element horizontal.
@mixin horizontal-center() {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}