70 lines
1.2 KiB
SCSS
70 lines
1.2 KiB
SCSS
@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-items: center;
|
|
}
|
|
|
|
@mixin RV-Alignment--center {
|
|
@include RV-Alignment--horizontalCenter;
|
|
@include RV-Alignment--verticalCenter;
|
|
}
|
|
|
|
@mixin RV-Alignment($-prefix: '&') {
|
|
display: grid;
|
|
|
|
#{$-prefix}--top {
|
|
@include RV-Alignment--top;
|
|
}
|
|
|
|
#{$-prefix}--bottom {
|
|
@include RV-Alignment--bottom;
|
|
}
|
|
|
|
#{$-prefix}--left {
|
|
@include RV-Alignment--left;
|
|
}
|
|
|
|
#{$-prefix}--right {
|
|
@include RV-Alignment--right;
|
|
}
|
|
|
|
#{$-prefix}--horizontalCenter {
|
|
@include RV-Alignment--horizontalCenter;
|
|
}
|
|
|
|
#{$-prefix}--verticalCenter {
|
|
@include RV-Alignment--verticalCenter;
|
|
}
|
|
|
|
#{$-prefix}--center {
|
|
@include RV-Alignment--center;
|
|
}
|
|
}
|
|
|
|
.RV-Alignment {
|
|
@include RV-Alignment;
|
|
} |