The Brand Toolkit is a pattern library which documents EvoToolkit, an Evolution Funding framework which provides a solid, proven architecture for project CSS & JS that allows you to easily create layouts with ready-made, onbrand UI components.
Having a framework and collection of ready-made UI components provides a number of advantages when working on projects:
Here's a quick breakdown of the technology and methodologies used in EvoToolkit.
For its CSS, EvoToolkit leans heavily on Inverted Triangle CSS (ITCSS), an architecture where CSS is broken down into multiple layers which are organised by how specific and explicit their style declarations are.
These layers are as follows, from high explicity to low, hence the inverted triangle ▼:-
<h1>look like without any classes attached?
ITCSS helps you to organize your project CSS so you can better handle specifics like global namespace, cascade and selector specificity; making your CSS more scalable and maintainable in the process.
Here's a few points of note:-
EvoToolkit is driven heavily by industry best practices. Here is a collection of resources where some of these best practices are explored in more detail. (Show/Hide All)