An automated, object-oriented SCSS framework for small and medium-sized applications.
In order to use slabs.css you will need Node.js, npm, and gulp.js installed globally on your system.
- Change directory to root folder:
cd [project folder]
- Install modules and dependencies:
npm install
- Run gulp:
gulp
/1-settings: Preprocessors, fonts, variables/2-tools: Mixins, functions/3-generic: Resets or normalizing files/4-elements: Bare HTML elements (H1, a, p, etc…)/5-components: Majority of code goes here to style specific UI components/6-utilities: Utilities and helper classes that have the most authority
The starter main.scss:
/* 1: Settings */
@import "partials/1-settings/settings.variables";
/* 2: Tools */
@import "partials/2-tools/tools.mixins";
/* 3: Generic */
@import "partials/3-generic/generic.reset";
/* 4: Elements */
@import "partials/4-elements/elements.page";
@import "partials/4-elements/elements.headings";
@import "partials/4-elements/elements.images";
/* 5: Components */
@import "partials/5-components/components.layout";
@import "partials/5-components/components.buttons";
/* 6: Utilities */
@import "partials/6-utilities/utilities";npm install slabs.css