Architecture and partials

The Chopstick Scss is maintained in separate repositories which are loaded with Bower. We believe these partials should be easy to update and configurable without writing new code.

Partials

We use the following partials according to the ITCss structure.

1. chopstick-settings: contains global variables and config switches to get you started. These can be overwritten in your project. Simply duplicate the variables you want to change or replace this file.
2. chopstick-tools: contains mixins and functions.
3. chopstick-generic: contains ground-zero styles (Normalize.css, resets, box-sizing)
4. chopstick-elements: contains unclassed HTML elements (type selectors)
5. chopstick-objects: contains cosmetic-free design patterns
6. chopstick-components: contains designed components, chunks of UI (these are maintained in the boilerplate as they are specific to this)
7. chopstick-utilities: contains helper classes

Usage

We try to keep the code as modular as possible. So you can comment out what you don’t use.

If you want to change something within the external partials you have 3 options:

1. Change the settings and default appearance by overriding the variables in your project.
2. Create a pull request on the source code in the correct repository.
3. Copy the original file in you own project. This means you will have to do manual updates in the future.