gulp.task('less', function () {
return gulp.src(["app/less/**/*.less"])
.pipe(plumber({
errorHandler: notify.onError()
}))
.pipe(gulpIf(isDevelopment, sourcemaps.init()))
.pipe(less())
.pipe(autoprefixer(['last 5 versions', '> 1%']))
.pipe(gcmq())
.pipe(csso())
.pipe(rename({suffix: '.min', prefix : ''}))
.pipe(gulpIf(isDevelopment, sourcemaps.write()))
.pipe(cached('less'))
.pipe(gulp.dest('app/css'))
.pipe(browserSync.reload({stream: true}));
});@media (max-width: 767px) {
.container {
background: chocolate;
}
.container__item {
display: inline-block;
}
.container__item_active {
color: #fff;
}
}<!DOCTYPE html>
<html>
<head>
<title>block scroll</title>
<meta charset="utf-8">
</head>
<body>
<style>
.d{
width: 600px;
height: 400px;
border: 1px solid #C0C0C0;
background: #F1F1F1;
overflow-y: scroll;
word-wrap: break-word;
word-break: break-all;
}
</style>
<div class="d">texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</div>
</body>
</html>