| Server IP : 38.190.208.107 / Your IP : 216.73.217.46 Web Server : nginx/1.28.1 System : Linux ht2026040333114 6.1.0-10-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.37-1 (2023-07-03) x86_64 User : root ( 0) PHP Version : 8.2.28 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv,eval,assert,passthru,system,exec,shell_exec,popen,proc_open MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/wp.9/wp-content/themes/blocksy/static/sass/frontend/4-components/ |
Upload File : |
@use '../1-helpers/functions';
.post-navigation {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 8%;
position: relative;
margin-top: var(--margin, 50px);
figure {
flex: 0 0 var(--thumb-width, 70px);
max-width: var(--thumb-width, 70px);
align-items: center;
justify-content: center;
position: relative;
border-radius: var(--theme-border-radius, 100%);
@include functions.media-breakpoint-down(sm) {
--thumb-width: 45px;
--thumb-margin: 15px;
}
svg,
&:after {
position: absolute;
opacity: 0;
transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
svg {
z-index: 3;
}
&:after {
content: '';
z-index: 2;
inset: 0;
background: var(--image-overlay-color, var(--theme-palette-color-1));
}
}
[class*='nav-item'] {
display: flex;
align-items: center;
&:hover {
figure:after {
opacity: 0.85;
}
svg {
opacity: 1;
transform: translateX(0);
}
}
}
.nav-item-prev {
figure {
margin-inline-end: var(--thumb-margin, 25px);
}
svg {
transform: translateX(10px);
}
}
.nav-item-next {
text-align: end;
justify-content: flex-end;
figure {
margin-inline-start: var(--thumb-margin, 25px);
}
svg {
transform: translateX(-10px);
}
}
.item-label {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
opacity: 0.9;
@include functions.media-breakpoint-down(sm) {
span {
display: none;
}
}
}
.item-title {
display: block;
margin-top: 5px;
font-size: 14px;
font-weight: 700;
word-break: break-word;
}
// divider
&:after {
position: absolute;
content: '';
top: 25%;
left: 50%;
width: 1px;
height: 50%;
background: var(--theme-border-color);
}
}