@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($-container-suffix: '__Container')  {
	padding: $-spacing-small;
	&#{$-container-suffix} {
		gap: $-spacing-small;
	}
}

@mixin RV-Spacing__Inner--medium($-container-suffix: '__Container')  {
    padding: $-spacing-medium;
    &#{$-container-suffix} {
		gap: $-spacing-medium;
	}
}

@mixin RV-Spacing__Inner--large($-container-suffix: '__Container') {
    padding: $-spacing-large;
    &#{$-container-suffix} {
		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;
}