Задать вопрос
Контакты
Местоположение
Россия, Омская обл., Омск

Наибольший вклад в теги

Все теги (16)

Лучшие ответы пользователя

Все ответы (19)
  • Как перенести Flex элемент на новую строку?

    UNN4MED
    @UNN4MED
    Битрикс разработчик
    flex-wrap: wrap;
    Ответ написан
    Комментировать
  • Почему не работают свойства top и left?

    UNN4MED
    @UNN4MED
    Битрикс разработчик
    Напиши к значениям px или любую поддерживаемую единицу измерения, какую пожелаешь
    Ответ написан
    Комментировать
  • Как импортировать переменные sass во вложенных папках?

    UNN4MED
    @UNN4MED Автор вопроса
    Битрикс разработчик
    Пришлось почитать доки gulp-sass v6, вместо includePaths теперь используется loadPaths.
    Спасибо its2easyy.

    Пример тасков для двух папок на ES6 gulpfile.mjs:
    import * as dartSass from 'sass';
    import gulpSass from 'gulp-sass';
    const sass = gulpSass(dartSass);
    
    import gulp from 'gulp';
    import gulpAutoPref from 'gulp-autoprefixer';
    import sourcemaps from 'gulp-sourcemaps';
    import rename from 'gulp-rename';
    
    
    // Путь к основной папке scss
    const mainPath = 'css/**/*.scss'
    // Путь к основной папке с партиалами
    const scssPartials = 'css/scss';
    // Путь к папке с битрикс шаблоном сайта
    const templatesPath = 'bitrix/templates/default/**/*.scss';
    
    gulp.task('sass', function () {
        return gulp.src(mainPath) // Найдем все .scss файлы
            .pipe(sourcemaps.init())
            .pipe(sass({
                style: 'expanded',
            }).on('error', sass.logError))
            .pipe(gulpAutoPref([
                "last 15 versions",
                "not dead",
            ]))
            .pipe(sourcemaps.write('.'))
            .pipe(gulp.dest(file => file.base)) // Сохраняем css рядом с scss
    });
    
    gulp.task('bx-sass', function () {
        return gulp.src(templatesPath) // Найдем все .scss файлы
            .pipe(sourcemaps.init())
            .pipe(sass({
                loadPaths: [scssPartials], // Указываем дополнительные пути для поиска
                style: 'expanded',
            }).on('error', sass.logError))
            .pipe(gulpAutoPref([
                "last 15 versions",
                "not dead",
            ]))
            .pipe(sourcemaps.write('.'))
            .pipe(gulp.dest(file => file.base)) // Сохраняем css рядом с scss
    });
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (34)