Better usebility of mixins
This commit is contained in:
parent
9373d0d35c
commit
03521018e6
@ -11,19 +11,25 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@mixin RV-Spacing__Inner--small {
|
@mixin RV-Spacing__Inner--small($-container-suffix: '__Container') {
|
||||||
padding: $-spacing-small;
|
padding: $-spacing-small;
|
||||||
gap: $-spacing-small;
|
&#{$-container-suffix} {
|
||||||
|
gap: $-spacing-small;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin RV-Spacing__Inner--medium {
|
@mixin RV-Spacing__Inner--medium($-container-suffix: '__Container') {
|
||||||
padding: $-spacing-medium;
|
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;
|
padding: $-spacing-large;
|
||||||
gap: $-spacing-large;
|
&#{$-container-suffix} {
|
||||||
|
gap: $-spacing-large;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin RV-Spacing {
|
@mixin RV-Spacing {
|
||||||
@ -43,15 +49,15 @@
|
|||||||
|
|
||||||
&__Inner{
|
&__Inner{
|
||||||
&--small {
|
&--small {
|
||||||
@include RV-Spacing__Inner--small;
|
@include RV-Spacing__Inner--small('');
|
||||||
}
|
}
|
||||||
|
|
||||||
&--medium {
|
&--medium {
|
||||||
@include RV-Spacing__Inner--medium;
|
@include RV-Spacing__Inner--medium('');
|
||||||
}
|
}
|
||||||
|
|
||||||
&--large {
|
&--large {
|
||||||
@include RV-Spacing__Inner--large;
|
@include RV-Spacing__Inner--large('');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user