scss-library/components/02_Styles/spacing/_spacing.scss
2020-08-23 11:35:47 +02:00

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;
}