For style part of the template we are using Scalable and Modular Architecture for CSS/LESS and it has 2 core goals.
- Increase the semantic value of html section and content
- Decrease the expectation of a specific html structure
The purpose of SMACSS categorization is to reduse code repetition, to increse consistent experience, and to make the maintenance easier. Under SMACSS there are 5 general categories of css/less rules:
- components - (stylesheets for the each theme component)
- _accordion.less - (accordion component)
- _boxes.less - (boxes component)
- _breadcrumbs.less - (breadcrumbs component)
- _priceList.less - (pricelist component)
- _socialIcons.less - (social icons component)
- ... (and 34 more components, see full list here)
- libs - (theme plugins deps)
- _base.less - (global styles and resets for this theme)
-
_global.less - (general styles for all the theme components)
- _layout.less - (classes and styles that define the theme layout)
- _module.less - (stylesheet for the each theme component)
- vs-front.less - (all the less files)