1.1. Структура директорий
mkdir -p html/{css/fonts,scss/util,js/vendor,i/icons}
tree html
spoilerhtml
├── css
│ └── fonts
├── i
│ └── icons
├── js
│ └── vendor
└── scss
└── util
.
1.2.1. Breakpoints
Достаточно сказать, что все переменные храним в отдельном файле
20 Для ID - camelCase. ID нам нужен для JS
Неправильно. Нужно использовать классы. Если требуется отделить классы для стайлинга и для жс - делаем префикс
23 Используем Автопрефиксер, он расставит префиксы за нас. Используем автоматизацию — ставим его как пакет и подключаем в процесс обработки стилей. Не используем автоматизацию — есть он-лайн вариант
Делаете верстку с флексом = не используете старые браузеры = не требуются префиксы = не требуется аутопрефиксер
Не делать автоматизацию - такого пункта даже в теории быть не может
2. Используемые решения
Смешивать общий гайд и стайлгайд - не нужно
Стайлгайд вообще нужно готовить отдельно для каждого проекта
Про бем уже все сказали
