@mixin RV-Spacing__Outer--small {
    margin: $-spacing-small;
}

@mixin RV-Spacing__Outer--medium {
    margin: $-spacing-medium;
}

@mixin RV-Spacing__Outer--large {
    margin: $-spacing-large;
}


@mixin RV-Spacing__Inner--small {
    padding: $-spacing-small;
    gap: $-spacing-small;
}

@mixin RV-Spacing__Inner--medium {
    padding: $-spacing-medium;
    gap: $-spacing-medium;
}

@mixin RV-Spacing__Inner--large {
    padding: $-spacing-large;
    gap: $-spacing-large;
}

@mixin RV-Spacing {
    &__Outer{
        &--small {
            @include RV-Spacing__Outer--small;
        }

        &--medium {
            @include RV-Spacing__Outer--medium;
        }

        &--large {
            @include RV-Spacing__Outer--large;
        }
    }

    &__Inner{
        &--small {
            @include RV-Spacing__Inner--small;
        }

        &--medium {
            @include RV-Spacing__Inner--medium;
        }

        &--large {
            @include RV-Spacing__Inner--large;
        }
    }
}

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