61 lines
1.0 KiB
SCSS
61 lines
1.0 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 {
|
|
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;
|
|
} |