• File: _cursor.scss
  • Full Path: /home/monpetu/www/leoreno.fr/wp-content/themes/buildexo/assets/scss/components/_cursor.scss
  • Date Modified: 10/29/2024 2:43 PM
  • File size: 5.8 KB
  • MIME-type: text/plain
  • Charset: utf-8
.tx-cursor,
.tx-cursor-section {
 visibility:hidden;
 position:fixed;
 pointer-events:none;
 z-index:999999;
 display:flex;
 justify-content:center;
 align-items:center;
 -webkit-transition:transform .2s cubic-bezier(.165,.84,.44,1);
 -khtml-transition:transform .2s cubic-bezier(.165,.84,.44,1);
 -moz-transition:transform .2s cubic-bezier(.165,.84,.44,1);
 -ms-transition:transform .2s cubic-bezier(.165,.84,.44,1);
 -o-transition:transform .2s cubic-bezier(.165,.84,.44,1);
 transition:transform .2s cubic-bezier(.165,.84,.44,1);
 pointer-events:none;
 top:0;
 left:0
}
.tx-cursor .tx-cursor-wrapper,
.tx-cursor-section .tx-cursor-wrapper {
 display:flex;
 justify-content:center;
 align-items:center;
 -webkit-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 -khtml-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 -moz-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 -ms-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 -o-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1)
}
.tx-cursor .tx-cursor--follower,
.tx-cursor-section .tx-cursor--follower {
 position:absolute;
 background-color: var(--color-primary);
 opacity:.25;
 border-radius:100%;
 width:1.5rem;
 height:1.5rem;
 -webkit-transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .1s cubic-bezier(.165,.84,.44,1);
 -khtml-transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .1s cubic-bezier(.165,.84,.44,1);
 -moz-transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .1s cubic-bezier(.165,.84,.44,1);
 -ms-transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .1s cubic-bezier(.165,.84,.44,1);
 -o-transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .1s cubic-bezier(.165,.84,.44,1);
 transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .1s cubic-bezier(.165,.84,.44,1)
}
.tx-cursor.style2 .tx-cursor--follower {
 background-color: var(--thm-color-2);
}
.tx-cursor.style3 .tx-cursor--follower {
 background-color: var(--thm-color-3);
}
.tx-cursor .tx-cursor--label,
.tx-cursor-section .tx-cursor--label {
 position:absolute;
 display:flex;
 justify-content:center;
 align-items:center;
 color:#fff;
 font-size:15px;
 transform:scale(0);
 will-change:transform,opacity;
 -webkit-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 -khtml-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 -moz-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 -ms-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 -o-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1)
}
.tx-cursor .tx-cursor--drap,
.tx-cursor-section .tx-cursor--drap {
 line-height:87px;
 text-align:center;
 width:87px;
 height:87px;
 background-color:#000;
 font-size:0;
 -webkit-border-radius:87px;
 -khtml-border-radius:87px;
 -moz-border-radius:87px;
 -ms-border-radius:87px;
 -o-border-radius:87px;
 border-radius:87px;
 -webkit-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 -khtml-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 -moz-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 -ms-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 -o-transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
 transform:scale(0);
 will-change:transform,opacity;
 color:#fff
}
.tx-cursor .tx-cursor--drap:before,
.tx-cursor-section .tx-cursor--drap:before,
.tx-cursor .tx-cursor--drap:after,
.tx-cursor-section .tx-cursor--drap:after {
 content:"\f10b";
 font-family:caseicon;
 font-size:10px;
 display:inline-flex
}
.tx-cursor .tx-cursor--drap:before,
.tx-cursor-section .tx-cursor--drap:before {
 -webkit-transform:scaleX(-1);
 -khtml-transform:scaleX(-1);
 -moz-transform:scaleX(-1);
 -ms-transform:scaleX(-1);
 -o-transform:scaleX(-1);
 transform:scaleX(-1)
}
.tx-cursor .tx-cursor--drap:after,

.tx-cursor.is-enabled,
.tx-cursor-section.is-enabled {
 visibility:visible
}
.tx-cursor.is-hidden .tx-cursor-wrapper,
.tx-cursor-section.is-hidden .tx-cursor-wrapper {
 transform:scale(0)!important
}
.tx-cursor.is-mouse-down .tx-cursor-wrapper,
.tx-cursor-section.is-mouse-down .tx-cursor-wrapper {
 transform:scale(.8)
}
.tx-cursor.is-active .tx-cursor--follower,
.tx-cursor-section.is-active .tx-cursor--follower {
 -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.12);
 -khtml-box-shadow:0 0 8px 0 rgba(0,0,0,.12);
 -moz-box-shadow:0 0 8px 0 rgba(0,0,0,.12);
 -ms-box-shadow:0 0 8px 0 rgba(0,0,0,.12);
 -o-box-shadow:0 0 8px 0 rgba(0,0,0,.12);
 box-shadow:0 0 8px rgba(0,0,0,.12);
 -webkit-transform:scale(4);
 -khtml-transform:scale(4);
 -moz-transform:scale(4);
 -ms-transform:scale(4);
 -o-transform:scale(4);
 transform:scale(4);
 opacity:0
}