| Server IP : 38.190.208.107 / Your IP : 216.73.216.207 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.10/wp-content/themes/dt-the7/css/static-less/shortcodes/ |
Upload File : |
/* #Text with icon
================================================== */
.icon-with-text-shortcode {
position: relative;
display: flex;
flex-flow: column wrap;
& .block-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
& .prevent-mousover {
//pointer-events: none;
}
}
.icon-with-text-shortcode {
align-items: center;
display: grid;
grid-gap: 0px;
grid-template-rows: auto;
&.layout-1 {
grid-template-columns: 100px minmax(0, 1fr);
grid-template-areas:
"icon header"
"icon desc"
"icon button"
}
&.layout-2 {
grid-template-columns: minmax(0, 1fr) 100px ;
grid-template-areas:
" header icon "
" desc icon "
" button icon "
}
&.layout-3 {
grid-template-areas:
" icon header "
" desc desc "
" button button "
}
&.layout-4 {
grid-template-columns: 1fr ;
grid-template-areas:
" icon"
" header "
" desc"
" button "
}
&.layout-5 {
justify-content: center;
text-align: center;
grid-template-areas:
" icon"
" header "
" desc"
" button "
}
}
.dt-text-title {
grid-area: header;
max-width: 100%;
.layout-4 & {
@media all and (-ms-high-contrast: none) {
align-self: flex-start;
}
}
}
.icon-with-text-shortcode .dt-text-title {
font-weight: normal;
}
.dt-text-desc {
grid-area: desc;
max-width: 100%;
}
> * {
.icon-with-text-shortcode.layout-1 & {
grid-column: 2;
}
}
.text-icon {
.icon-with-text-shortcode & {
grid-area: icon;
&.layout-1 {
grid-column: 1 ;
grid-row: 1;
}
text-decoration: none;
}
.icon-with-text-shortcode.layout-5 & {
justify-self: center;
}
}
.default-btn-shortcode {
.icon-with-text-shortcode & {
justify-self: start;
&.full-width-btn {
justify-self: stretch;
}
}
.icon-with-text-shortcode.layout-5 & {
justify-self: center;
&.full-width-btn {
justify-self: stretch;
}
}
}
.default-btn-shortcode {
.icon-with-text-shortcode & {
grid-area: button;
&.layout-1 {
align-self: flex-start;
}
}
}
> * {
.icon-with-text-shortcode & {
order: 1
}
}
.text-icon {
.icon-with-text-shortcode & {
position: relative;
order: 0;
align-self: flex-start;
.layout-3&,
.layout-5& {
align-self: center;
}
}
}
.text-icon,
.text-icon .icon-inner {
@media all and (-ms-high-contrast: none) {
//height: 0;
}
}
:before,
:after {
.text-icon&,
.text-icon .icon-inner& {
position: absolute;
top: 0;
left: 0;
width: 26px;
height: 26px;
box-sizing: border-box;
margin: 0 !important;
content: "";
font-size: 0 !important;
border-radius: inherit;
transition: opacity 0.150s linear;
}
}
:before,
:after {
.text-icon& {
z-index: 2;
}
}
:hover:after {
.text-icon:not(.dt-icon-hover-off)& {
opacity: 1;
}
}
:before {
.text-icon .icon-inner& {
opacity: 1;
}
}
:after {
.text-icon:not(.dt-icon-hover-off):hover .icon-inner& {
opacity: 1;
}
}
:hover:before,
:not(:hover):after {
.text-icon& {
transition-delay: 0.100s;
}
}
:hover .icon-inner:before,
:not(:hover) .icon-inner:after {
.text-icon& {
transition-delay: 0.100s;
}
}
:after {
.text-icon& {
opacity: 0;
}
}
:hover:before {
.text-icon:not(.dt-icon-hover-off)& {
opacity: 0;
}
}
.icon-inner:after {
.text-icon & {
opacity: 0;
}
}
:hover .icon-inner:before {
.text-icon:not(.dt-icon-hover-off)& {
opacity: 0;
}
}
.text-icon.dt-icon-hover-off:after {
display: none;
}