diff --git a/components/02_Styles/spacing/_spacing.scss b/components/02_Styles/spacing/_spacing.scss index 38f614c..9a28cbb 100644 --- a/components/02_Styles/spacing/_spacing.scss +++ b/components/02_Styles/spacing/_spacing.scss @@ -11,19 +11,25 @@ } -@mixin RV-Spacing__Inner--small { - padding: $-spacing-small; - gap: $-spacing-small; +@mixin RV-Spacing__Inner--small($-container-suffix: '__Container') { + padding: $-spacing-small; + &#{$-container-suffix} { + gap: $-spacing-small; + } } -@mixin RV-Spacing__Inner--medium { +@mixin RV-Spacing__Inner--medium($-container-suffix: '__Container') { padding: $-spacing-medium; - gap: $-spacing-medium; + &#{$-container-suffix} { + gap: $-spacing-medium; + } } -@mixin RV-Spacing__Inner--large { +@mixin RV-Spacing__Inner--large($-container-suffix: '__Container') { padding: $-spacing-large; - gap: $-spacing-large; + &#{$-container-suffix} { + gap: $-spacing-large; + } } @mixin RV-Spacing { @@ -43,15 +49,15 @@ &__Inner{ &--small { - @include RV-Spacing__Inner--small; + @include RV-Spacing__Inner--small(''); } &--medium { - @include RV-Spacing__Inner--medium; + @include RV-Spacing__Inner--medium(''); } &--large { - @include RV-Spacing__Inner--large; + @include RV-Spacing__Inner--large(''); } } }