AcklenDesign System

AcklenDesign System is a design system based on Foundation Grid and inspired by the Atomic Design framework.

Requierements:

• Node.js link
• NPM link
• SASS [link](http://sass-lang.com/](SASS)
• Pug-Gulp link

Instalation

To install the NPM components and Foundation grid first time:

npm install

Usage

To compile SASS (and PUG) files, run:

npm start

Source folder for SASS files: SCSS/ Source folder for PUG Files: PUG/

SASS Structure

For basic structure (Atoms) such as colors, fonts and more: scss/settings.scss

For components and organisms: scss/components.scss scss/organisms.scss

To add custom styles of your own project: scss/custom.scss

Reference

Foundation Grid: https://foundation.zurb.com/sites/docs/xy-grid.html

FOundation MOTION UI: https://zurb.com/playground/motion-ui

SASS: http://sass-lang.com/guide

Pug Reference: https://pugjs.org/api/getting-started.html

Please open all issues with this template on the main Foundation for Sites repo.

This is the basic starter project for Foundation for Sites 6. It includes a Sass compiler and a starter HTML file for you.