reverend
/
scss-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Better usebility of mixins

This commit is contained in:
reverend 2020-08-23 19:20:34 +02:00
parent 9373d0d35c
commit 03521018e6
1 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
components/02_Styles/spacing/_spacing.scss
View File

@ -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('');
}
}
}