| Server IP : 170.10.161.225 / Your IP : 216.73.217.54 Web Server : Apache System : Linux vps103298.mylogin.co 4.18.0-513.11.1.el8_9.x86_64 #1 SMP Wed Jan 17 02:00:40 EST 2024 x86_64 User : calvet ( 273824) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : ON Directory : /home/www/calvetrealty.com/wp-content/plugins/readabler/sass/tippy/animations/ |
Upload File : |
@import '../_mixins.scss';
@import '../_vars.scss';
@mixin visible-transform($placement) {
@if ($placement == 'top') {
transform: perspective(700px);
} @else if ($placement == 'bottom') {
transform: perspective(700px);
} @else if ($placement == 'left') {
transform: perspective(700px);
} @else if ($placement == 'right') {
transform: perspective(700px);
}
}
@mixin hidden-transform($placement) {
@if ($placement == 'top') {
transform: perspective(700px) translateY(8px) rotateX(60deg);
} @else if ($placement == 'bottom') {
transform: perspective(700px) translateY(-8px) rotateX(-60deg);
} @else if ($placement == 'left') {
transform: perspective(700px) translateX(8px) rotateY(-60deg);
} @else if ($placement == 'right') {
transform: perspective(700px) translateX(-8px) rotateY(60deg);
}
}
.#{$namespace-prefix}-box {
&[data-animation='perspective'] {
@each $placement in $placements {
&[data-placement^='#{$placement}'] {
transform-origin: nth($origins, index($placements, $placement));
&[data-state='visible'] {
@include visible-transform($placement);
}
&[data-state='hidden'] {
@include hidden-transform($placement);
}
}
}
&[data-state='hidden'] {
opacity: 0;
}
}
}