A framework of css and javascript that Werkbot uses as a foundation to build websites.
npm i werkbot-framewerk --save-dev
Include this at the top of your main sass file:
@import 'werkbot-framewerk/sass/fw-bundle';
Depending on your setup, you may need to include
node_modulesin your build path. For example, we include:importPath: 'node_modules'for compass
If you define your own $theme-properties and extend the breakpointResponsive property with additional breakpoints, you will need to include the postcss-sort-media-queries plugin. The order in which @media queries are defined in the CSS does matter. This CSS library uses a "desktop-first" approach for media queries, so be sure to configure the plugin accordingly:
require('postcss-sort-media-queries')({
sort: 'desktop-first',
})Include this in your main js file:
require('werkbot-framewerk');