npm install fullstack-ui* CORE: Framework core
* TOOLS: Mixins and functions
* SETTINGS: Site-wide settings
* GENERIC: Low-specificity, far-reaching rulesets and classless elements
* OBJECTS: Objects, abstractions, and design patterns (e.g. .media {})
* COMPONENTS: Discrete, complete chunks of UI (e.g. .carousel {})
* UTILITIES: High-specificity, very explicit selectors. Overrides and helper classes (e.g. .u-hidden {})
Download and install Node.
Node comes with npm installed, so all you have to do is update it:
``
$ npm install npm@latest -g
Now you can install this framework:
`
$ npm install fullstack-ui --save
Navigate to node_modules/fullsack-ui/
Copy index.scss to your project's root CSS folder.
Update the import paths to point to the framework:
`
@import "node_modules/fullstack-ui/palettes/palettes.default";
You'll need something to compile the app. node-sass is an option.`
$ npm install node-sass --save-dev
You can have nodemon watch for SCSS and compile on save.`
$ npm install nodemon --save-dev
Add this to your package.json. The build script takes the first argument as the source directory and the second as the destination. Adjust these as needed:`
"scripts": {
"build:css": "node-sass src/scss/index.scss src/css/index.css",
"watch:css": "nodemon -e scss -x \"npm run build:css\"",
}
Finally, run this:
`
$ npm run watch:css
Don't forget to index.css in your project's
---