Builder

What does it do?

The meshBuilder allows you to import individual mesh components and set variables before downloading the compiled CSS.
This is achieved by via our scss files, by editing the _variables.scss file to edit the component & utility variables and the mesh.scss file to import different files.
It's easy and quick to do so using our builder.

Note: We only support import & colors for the time being, but there are more features coming. If you want to see something included in the meshBuilder that isn't already, visit the github page to create a feature request.

Import

Please select what features you would like to include in your project. Please note that the mesh grid (grid, display, flex & order) and colors will automatically be included. This helps to prevent any errors when compiling the scss.

@import  'base/normalize';
@import  'util/_spacing';
@import  'util/_position';
@import  'util/_sizing';
@import  'util/_type';
@import  'util/_borders';
@import  'util/_spacers';
@import  'util/_float';
@import  'util/_visibility';
@import  'util/_media';
@import  'components/_alerts';
@import  'components/_badges';
@import  'components/_breadcrumb';
@import  'components/_button';
@import  'components/_card';
@import  'components/_collapse';
@import  'components/_epic';
@import  'components/_list';
@import  'components/_modal';
@import  'components/_pagination';
@import  'components/_table';
@import  'components/_tabs';
@import  'components/_tooltip';
@import  'components/_toast';

Colors

Something about colors