exports.stream = series(clear, fontConverter, html, scss, stream).on('data', function(file) { your code... }) а эту функцию поместить между другими .pipe() задачами в вашу функцию style.
const { src, dest, series} = require('gulp')
const smartGrid = require('smart-grid')
function styles() {
const options = {
/* your grid settings here */
};
return src([`app/styles/${preprocessor}/*.*`, `!app/styles/${preprocessor}/_*.*`])
.pipe(eval(`${preprocessor}glob`)())
.pipe(eval(preprocessor)({ 'include css': true, use: axis() }))
.pipe(dest('app/css'))
.pipe(smartGrid('path-to-your-folder', options)) // <=====
.pipe(autoprefixer({ overrideBrowserslist: ['last 10 versions'], grid: true }))
.pipe(cleancss({ level: { 1: { specialComments: 0 } }, /* format: 'beautify' */ }))
.pipe(rename({ suffix: ".min" }))
.pipe(dest('app/css'))
.pipe(browserSync.stream())
}
exports.build = series(styles).on('data', function(file) { ... } )fs.readFile(file.path, ... );
function main() {
return src('frontend/**/*.scss')
function mainDate() {
return let result = element;
}
}
console.log(result)
Но вы уже сделали медиа запросы и вы уже знаете размер элемента, при том или ином медиа запросе.
И исходя из ширины экрана как я описал в примере выше вы можете делать с ними то, что вам нужно.
Я больше ничего не могу сказать... Сложно понять что вы пытаетесь там сделать.