What css preprocessor was used?


For style part of the template we are using Scalable and Modular Architecture for CSS/LESS and it has 2 core goals.

  1. Increase the semantic value of html section and content
  2. 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)
Tags: css, less, structure

Last update:
2014-11-18 13:25
Author:
Cristina Cavruc
Revision:
1.0
Average rating:0 (0 Votes)