67 lines
1.2 KiB
SCSS
67 lines
1.2 KiB
SCSS
@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;
|
|
} |