Webloop
Whatsapp
Instagram

Códigos úteis que utilizo no meu dia a dia ao utilizar o WordPress com Elementor.

				
					input[type=radio],
input[type=checkbox]  {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
				
			
				
					<script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.22/bundled/lenis.min.js"></script>
<script>
    const lenis = new Lenis({
      duration: 1.2,
      easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
      orientation: 'vertical',
      gestureOrientation: 'vertical',
      smoothWheel: true,
      wheelMultiplier: 1,
      smoothTouch: false,
      touchMultiplier: 2,
      infinite: false,
    })

    //get scroll value
    lenis.on('scroll', (e) => {
      console.log(e)
    })

    function raf(time) {
      lenis.raf(time)
       requestAnimationFrame(raf)
    }

    requestAnimationFrame(raf)
</script>
				
			
				
					selector {
  font-size: 3em;
  background-image: linear-
  gradient(90.99deg,
  #4589E1 3.19%, #9932FC 104.23%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
}
				
			
				
					body::-webkit-scrollbar {
    width: 10px;
}
body::-webkit-scrollbar-track {
    background: #202020;
}
body::-webkit-scrollbar-thumb {
    background-color: #d7171e;
    border-radius: 10px;
    border: 2px solid #202020;
}
				
			
				
					html, body{
width: 100%;
overflow-x: hidden;
}
				
			
				
					.expandir .elementor-toggle-item{
    display: flex;
    flex-direction: column-reverse;
}
.expandir .elementor-tab-title.elementor-active::before{
    content: "Ler menos";
    color: #ffffff;
}
.elementor-tab-title.elementor-active{
    margin-top: -15px;
}