animation: section-tour-circle-rotate 10s linear infinite;

@keyframes section-tour-circle-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

if ( $('#section-tour').length === 0 ) return;


.nav-tour {

ul {

}
li {

}
a {

}
}

&:before {
content: " ";
@include position-middle;
left: 0;
width: 1em;
height: 1em;
font-size: 8px;
border-radius: 50%;
background: #ff6100;
}

.btn-circle-with-icon {
@include reset-btn;
width: 1em;
height: 1em;
background: #ffffff33;
backdrop-filter: blur(10px);
border-radius: 50%;
font-size: 150px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;

&:hover {
transform: scale(1.1);
}

.icon {
font-size: calc(24 / 150) + em;
}
}

<time class="list-articles__date" datetime="2023-10-13" pubdate>13 / 10 / 2023</time>


window.addEventListener("resize", debouncedResize);
screen.orientation.addEventListener("change", debouncedResize);

0 комментариев

Добавить комментарий

Avatar placeholder

Ваш адрес email не будет опубликован. Обязательные поля помечены *