Object Orientated CSS

Our template framework, Oneweb, has an Object Orientated CSS architecture that performs two key functions, separating layout from style and providing a toolkit of reusable CSS objects to quickly create the styles you need most often.

Not only does this make the codebase readable, easy to maintain and intuitive, it also mean that you'll never have to do battle with our framework!

The CSS modules in a framework like Bootstrap mix style and layout in a way which is often impossible to separate, something you'll discover as soon as you try to change anything.

Our framework is nothing like that.

Take the popular .well abstraction as an example. Suppose you want the layout properties of that object (clearfixing, hidden overflow, etc.) without a coloured background, border and box shadow? With Bootstrap you're stuck, the only option is to right some really bad css, undoing styles already set by the framework.

With our template framework you can simply modify the default styles for the .well pattern ( /assets/scss/patterns/well.scss) directly, without running into any dependency issues and without adding unnecessary bloat. Simple, logical, effective.

Author bio

Single-origin coffee readymade banjo iPhone Godard sartorial narwhal shimmy.

Slow-carb chambray pork belly, meggings cray tousled mustache cornhole ennui forage before they sold out salvia distillery DIY. Etsy pork belly beard, Tonx blog semiotics Marfa artisan irony flannel McSweeney's crucifix single-origin coffee actually sustainable.