a new start
This commit is contained in:
25
_sass/tippyjs/_mixins.scss
Normal file
25
_sass/tippyjs/_mixins.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
@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%);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user