Foundations of S2

The S2 Framework is a product of innovation, thoughtful integration, and years of craftsmanship.

S2 combines the best ideas from Tailwind CSS and other frameworks. S2 also incorporated features from some remarkable frameworks. They are improved in S2 and eventually become unique and powerful.

Saddle Framework

We initially built S2 for our own use on top of the Saddle Framework (partly inspired by MAST). Over time, we added numerous modifications and improvements, establishing our conventions. Now, S2 has developed its own distinct standard.

Lumos

We adopted some of the best parts and concepts from Lumos (Docs) by Timothy Ricks and simplified them. While Lumos is magical, it can be too hacky for most people and especially the clients.

Filter UI Kit

Finsweet's CMS Filter is super powerful. But its Filter UI Kit comes with numerous design issues and usability bugs. We provide a refined version of the kit, ensuring full compatibility with CMS Filter and S2.

We drew inspiration and borrowed best practices from several other popular frameworks. Each of the below contributed methodologies that enhanced the versatility and functionality of the S2 Framework.

	Good parts we referenced
MAST & the Saddle Framework	S2 evolved from MAST and the Saddle Framework. We have many things alike, especially u- for utility classes and cc- for combo classes.
Tailwind CSS	Tailwind CSS's utilities-first classes inspired us to create S2 Attributes. Tailwind CSS also affected the naming of our attributes and classes, and how colors are set up.
Lumos	Flexgrid and Grid Layouts
Finsweet	Filter UI Kit
Client-First	Fluid Responsive Generator
Googles Material Framework	The "on-" concept in colors

Big thanks to their excellent work!