RsD0p9BK
12/28/2015 - 3:56 AM

ITCSS.js

/* 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;}

*/