Better usebility of mixins

This commit is contained in:
reverend 2020-08-23 19:19:53 +02:00
parent e61d21071a
commit 4705ed0d39

View File

@ -1,24 +1,30 @@
@mixin RV-Alignment--top {
display: grid;
align-content: start;
}
@mixin RV-Alignment--bottom {
display: grid;
align-content: end;
}
@mixin RV-Alignment--left {
display: grid;
justify-content: start;
}
@mixin RV-Alignment--right {
display: grid;
justify-content: end;
}
@mixin RV-Alignment--horizontalCenter {
display: grid;
justify-content: center;
}
@mixin RV-Alignment--verticalCenter {
display: grid;
align-content: center;
}
@ -27,8 +33,7 @@
@include RV-Alignment--verticalCenter;
}
@mixin RV-Alignment {
&__Container {
@mixin RV-Alignment__Container {
display: grid;
&--top {
@ -59,6 +64,11 @@
@include RV-Alignment--center;
}
}
@mixin RV-Alignment {
&__Container {
@include RV-FlexRow__Container;
}
}
.RV-Alignment {