frontsize

Frontsize is not a set of widgets ready to be used in your website, it's a set of mixins and functions to build BEM widgets, it's a tool to generate your sets.

Main features

• It's BEM ready
• It's build to work with multiple themes in the same project
• It's born to be flexible and customization oriented
• It's covered by tests

The project was originally developed in LESS, now only the SASS version is mantained.

Release 4.0.4

• Folder widgets is renamed to blocks necause of frontsize's BEM based nature

Release 4.0.3

• Adds $invalidate-cache var to let theme functions for background images generates also a random unique id

Release 4.0.2

• Fix vertical-gradient mixin

Release 4.0.1

• Adds $frontsize-release-infos to theme config
• Removes a-pollo module from node dependencies

Install

NPM way:

npm install --save frontsize

YARN way:

yarn add frontsize

Documentation

Run this command inside frontsize module:

cd node_modules/frontsize && npm run styleguideServe

This will open a browser window with the documented code.

Theme installation

Once you have downloaded it, copy your theme to the project front-end development folder:

cp -r node_modules/frontsize/themes frontend/frontsize

Then change core references to let it point to module folder:

In frontend/frontsize/_config/import.scss file:

@import '../../node_modules/frontsize/core/import';

Now the core can be easily upgraded with npm update frontsize-sass --save when a new release is available.

To test frontsize:

npm install && npm run test

Created by Vittorio Vittori and Alessandro Minoccheri @ ideato srl