Пока сформированных стайлгайдов нет. Озвучу наши собственные требования, по которым разрабатывалась
https://sneakers.shopaholic.dev.
- модульный код (HTML/Twig, CSS, JS) разложены по папочкам в partials
- JS используется стандартный для тех моментов, которые уже реализованы
https://www.npmjs.com/search?q=shopaholic- CSS написан по принципу mobile-first
- CSS написан по методологии БЭМ
- CSS в идеале ванильный, приправленный PostCSS, на крайняк SCSS
- семантический HTML, расширенный разметкой
schema.org там, где это уместно и aria-атрибутами, там, где рекомендуется
- UI темы приближен насколько возможно к требованиям WCAG 2.1 Level AA (хорошая семантика и aria для этого в т.ч. нужны)
- все метрики Lighthouse не менее 90
- метрики PageSpeed не менее 90
- интерфейсные картинки оптимизированы, где принято использовать SVG, он используется
- контентные картинки подключаются по адаптивной технологии (picture, srcset, size и WebP с фолбэком на JPG)
- наличие сборки в поставке темы (Gulp, а лучше Webpack или Rollup), наличие линтинга CSS и JS при сборке.
Тема Sneakers максимально приближена к этим требованиям. В будущем мы планируем собирать все темы на фреймворке Undercoat, который неспешно (надеемся ускорится) пилим.
https://github.com/undercoat/undercoat/Следующим сообщением опишу принципы фреймворка (большинство описано в Readme, но не все).