Flex Grid System

The grids works on 12 column-based system, you can change at any time on source/scss/_variables.scss. We've used Sass, the file with grid settings it's at source/scss/modules/_grids.scss.

Buttons

In Alpha, you can make infinite buttons with this line on style.css: @include make-button(COLOR,$COLOR);.

Currently, we have 3 basic colors: red, green, blue. You can make/modify your own button any time.

CSS Grid Layout

Alpha v1 have support to new technologies in front-end, like CSS Grid Layouts, to make a new layout you only need type in style.css the following command: @include make-layout($LAYOUT-TYPE, $ROW-LAYOUT, $COL-GAP, $ROW-GAP);

By default, we have some layouts:

• @include make-layout($two-sidebars);
• @include make-layout($landing-page);
• @include make-layout($one-sidebar-right);
• @include make-layout($one-sidebar-left);
• @include make-layout($two-sidebars-right);
• @include make-layout($two-sidebars-left);

Layout with 2 sidebars

Modal with pure CSS

Forms