Артур Арутюнян

1. Жесткая привязка к DOM через выборку previous и next. Расположи кнопки по-другому и все ломается. Не универсально. Лучше дергать по классам или атрибутам.
2. Лишние проверки в обработчиках кликов. Все их можно вынести выше и в обработчике использовать уже считанные параметры счета.
3. Именование хромает. QIncrease => qIncrease. Так уж принято в javascript сообществе — использовать camelCase нотацию для переменных и CamelCase для функций/классов. Да и вообще приставка "Q"/"q" везде лишняя, визуальный мусор. Ну это мелочи.
4. Использование var. Без комментариев.
5. var part = parseInt("1"); Без комментариев.
6. Тоже мелочь, но. Вместо создания ненужного пустого массива можно использовать метод прототипа Array.prototype.forEach.call(). Или создать массив Array.from(qInputs).forEach().
7. this.hasAttribute('data-max-quantity') == true. Тоже оставлю без комментариев.

Ну и еще есть к чему придраться, лень писать.

pointer-events: none;

Shift+Insert?

jsfiddle.net/danield770/YvCHW/4232

Подробнее зедсь

Нажать на Insert, блин!

То что у вас на скриншотах это плагин Flexbox Snippets - но там сниппеты только под Flexbox, для других новых свойств (по типу grid и тд) пока вроде не видел ничего похожего.

https://www.youtube.com/watch?v=lx9nIHABnmY

Почему не работает package control в Sublime Text

div.class1.class2

Разделяешь точкой, получаешь < div class="class1 class2" > < /div >

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');

gulp.task('sass', function(done) {
    gulp.src("scr/scss/*.scss")
        .pipe(sass())
        .pipe(gulp.dest("scr/css"))
        .pipe(browserSync.stream());


    done();
});

gulp.task('serve', function(done) {

    browserSync.init({
        server: "src/"
    });

    gulp.watch("scr/sass/*.sass", gulp.series('sass'));
    gulp.watch("scr/*.html").on('change', () => {
      browserSync.reload();
      done();
    });
  

    done();
});

gulp.task('default', gulp.series('sass', 'serve'));