function cssMin(cb) {
cb();
return gulp.src(`${config.css}/*.css`)
.pipe(gulpif(
config.env === 'production',
cleanCSS({
level: 2,
}))
)
.pipe(gulp.dest(`${config.css}/`));
}
exports.cssMin = cssMin;
@mixin support-hover()
@media (hover), (min-width:0\0), (min--moz-device-pixel-ratio:0)
@content
@include support-hover()
.link
&:hover
color: blue
<nav class="navigation">
<ul class="menu">
<li class="menu__item">
<a href="#" class="menu__link">О Нас</a>
</li>
<li class="menu__item">
<a href="#" class="menu__link">Услуги</a>
<ul class="menu__sub">
<li class="menu__sub-item">
<a href="#" class="menu__link menu__link_sub">Ссылка 1</a>
</li>
<li class="menu__sub-item">
<a href="#" class="menu__link menu__link_sub">Ссылка 2</a>
</li>
</ul>
</li>
<li class="menu__item">
<a href="#" class="menu__link">Вакансии</a>
</li>
<li class="menu__item">
<a href="#" class="menu__link">Новости</a>
</li>
<li class="menu__item">
<a href="#" class="menu__link">Соглашение</a>
</li>
</ul>
</nav>
const str = 'Очень длинная строка';
if (str.length <= 200) {
document.querySelector('.button').style.display = 'none';
}
var a = document.querySelector('h1');
var b = a.style.padding;
if( b === '' ) {
console.log(true); // свойство не задано
} else {
console.log(false);
}
var a = document.querySelector('h2');
var b = a.style.paddingTop; // или getComputedStyle(a).padding;
if( parseInt(b) === 0 ) {
console.log(true); // свойство не задано
} else {
console.log(false);
}