Add variables to generic, elements, objects and utilities

Preparations to split the layers into different repositories by adding variables to the generic, elements, objects and utilities layers.

Add missing/necessary objects and various optimisations.

1. Add missing/necessary components

• new list object
• new flexbox object
• various tweaks to existing objects

2. Gulp test task

• you can now run gulp test to run a scss linter
• rules are defined in lint.yml

3. Cleanup and documentation

• added a lot of documentation
• fixed a lot of small errors, typos, ...

Convert to ITCSS architecture

1. Use only single depth BEM classnames

• no nesting
• no extends > only mixins

2. Namespaced self-documenting classnames

• .o- for object classes
• .c- for component classes
• .t- for theming classes
• .u- for utility classes
• .is-/.has- for stateful classes
• .js for javascript hooks
• ._ for temporary hacks/fixes

3. Various tweaks and fixes

NOTE: Please delete the bower_components in the JS folder and reinstall with bower install. The node_modules will also need to be reinstalled.

Stable version before refactoring to ITCSS

In the next release we are doing some refactoring to comply to the ITCCS architecture. This is a stable version using the current architecture.

Additionally:

• added gulpfile
• cleaning up (coding mistakes, etc.)
• updated forms
• updated buttons

v0.3.3: Merge branch 'feature--media-object'

Added autoprefixer.
Added media object pattern.