/* SCALABLE, MODULAR CSS | BEM & ITCSS
https://hackpad-attachments.s3.amazonaws.com/hackpad.com_PIPWVUMv6rB_p.296099_1420807134466_itcss.jpg
1. Settings: Global variables config switches (colours, screen sizes)
2. Tools: Functions and mixins
3. Generic: Ground-zero styles (normalize/reset.css, box-sizing)
4. Base: Unclassed HTML elements (type selectors)
5. Objects: Unstyled design patterns (media object)
6. Components: Styled objects, chunks of UI
7. Theme (optional): Themed components, used for multiple sites with the same layout and components. Can be utilised for multi-site Magento setups.
8. Trumps: Helpers and overrides, e.g. .float-left { float:left !important;}
*/