26 lines
840 B
SCSS
26 lines
840 B
SCSS
@mixin backdrop-transform-enter($placement) {
|
|
$scale: 1;
|
|
@if ($placement == 'top') {
|
|
transform: scale($scale) translate(-50%, -55%);
|
|
} @else if ($placement == 'bottom') {
|
|
transform: scale($scale) translate(-50%, -45%);
|
|
} @else if ($placement == 'left') {
|
|
transform: scale($scale) translate(-50%, -50%);
|
|
} @else if ($placement == 'right') {
|
|
transform: scale($scale) translate(-50%, -50%);
|
|
}
|
|
}
|
|
|
|
@mixin backdrop-transform-leave($placement) {
|
|
$scale: 0.2;
|
|
@if ($placement == 'top') {
|
|
transform: scale($scale) translate(-50%, -45%);
|
|
} @else if ($placement == 'bottom') {
|
|
transform: scale($scale) translate(-50%, 0);
|
|
} @else if ($placement == 'left') {
|
|
transform: scale($scale) translate(-75%, -50%);
|
|
} @else if ($placement == 'right') {
|
|
transform: scale($scale) translate(-25%, -50%);
|
|
}
|
|
}
|