tabNavs[j].classList.add("active");
tabPanes[j].classList.add("active");
<div class="header__phone">
<a href="tel:+74999228974">
+74999228974
</a>
<button class="button">заказать звонок</button>
</div><input type=checkbox>
<label>Checkbox</label>input[type=checkbox]:checked + label {
}function watching() {
watch(['app/scss/**/*.scss'], styles);
watch(['app/js/**/*.js', '!app/js/main.min.js'], scripts);
// watch(['app/**/*.html']).on('change', browserSync.reload);
watch(['app/**/*.php']).on('change', browserSync.reload);
}gulp.watch('./dist/scss/*.scss'/dist
/scss
main.scss - отслеживается
/blocks
header.scss - не отслеживаетсяgulp.watch('./dist/scss/**/*.scss', gulp.series('sass'));<div class="section">
<div class="container">
<div class="slider">
</div>
</div>
</div>.section {
overflow: hidden;
}
.container {
width: 1000px;
margin: auto;
padding: 10px 0;
background: green;
}
.slider {
height: 100px;
background:red;
width: calc(50% + 50vw);
}
<div class="div">75</div>.div {
position: relative;
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 30px;
}
.div::before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 20px solid red;
border-color: red red green green;
border-radius: 100%;
transform: rotate(45deg);
pointer-events: none;
}
<meta name="color-scheme" content="only light">@media (prefers-color-scheme: dark) {
.selector { }
}слишком много комментариев лишних
<!-- nav item -->
<li class="header__menu-item">
<a href="./contacts.html" class="header__menu-link">КОНТАКТЫ</a>
</li>
<!-- nav item end -->img {
zoom: 0.5;
}const allMenus = document.querySelectorAll('.hasChildren');
function hideOtherMenus(current){
allMenus.filter(menu => menu != current).forEach(menu => {
menu.classList.remove('open');
menu.querySelector('.subMenu').classList.remove('active');
});
}
allMenus.forEach(menu => {
menu.addEventListener('click', e => {
hideOtherMenu(e.target);
e.target.classList.toggle('open');
e.target.querySelector('.subMenu').classList.toggle('active');
})
})