Better usebility of mixins
This commit is contained in:
parent
9373d0d35c
commit
03521018e6
@ -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('');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user