generator-pho/app/templates/src/styles/main.less

Project generator that includes pho-devstack

<% if (baseStyleStructure) { %>/*
 * This file includes all your components and modules. It shouldn’t contain any
 * CSS rules.
 * Based on ’SMACSS’ (Scalable and Modular Architecture for CSS). Read more at
 * [http://smacss.com/]
 *
 * - Base:
 *   - reset
 *
 * - Component:
 *   - main idea: component is a reusable page element
 *   - all your buttons, form inputs,…
 *
 * - Module:
 *   - bigger page block, *uses components*, *defines the final component layout*,
 *     *not always* reusable
 *   - footer, header, user profile,…
 */

@import "helpers";

/*
 * Import Bower components (include path is predefined)
 */
<% if (less) { %>@import "lesshat/build/lesshat";<% } %>

/*
* Base
*/
@import "base/normalize";
@import "base/global";
@import "base/fonts";
@import "base/links";


/*
* Components
*/
@import "components/column";


/*
* Modules
*/
@import "modules/module";
<% } %>