:pineapple: haiticss

Just another baseline perspective to wear any project with the ITCSS architecture. Mainly based on the excellent project inuitcss by Harry Roberts, from where I found my best suitable starting point.

The idea to create this project, comes from the necessity to adding some modifications and missing features on INUIT that probably will not fit into the original project roadmap.

The input of this mutation comes from my experience applying this architecture on many projects, some new, some not.

Main differences from inuitcss are:

• Number prefixes on CSS layers, helping non familiar developers to get into the architecture hierarchy.
• Namespaced variables to improve compatibility when importing into an existent project.
• Scoped version of generic layer, helping to start old site migrations on the fly, respecting the legacy code, but breaking most risky inheritance.
• Feature toggling variables to include/exclude any object or utility.
• Extended objects and utilities configuration variables to toggle and configure some modifiers groups and unused CSS output.

References

• BEM Naming
• Managing CSS Projects with ITCSS
• BEMIT: Taking the BEM Naming Convention a Step Further
• INUIT CSS