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 toblocks
necause of frontsize's BEM based nature
Release 4.0.3
- Adds
$invalidate-cache
var to lettheme
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:
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