Layouts and Traits

Layouts and Traits are the main part of this framework. You use them to assign certain style traits, and layout your elements, respecively.

Traits

Let's take a look at the default button style.

Kinda boring, isn't it.

However, in the class attribute, we can assign different traits to this button.

Here is a few examples, the trait sets being "shiny green rounded", "glassy green" "shiny rounded graphite".

Now, don't those buttons look better? That is the power of Traits.

There are 4 layouts currently implemented: main, split, grid, and floatingbox.

These layouts will help you design and layout your site.

These documentation pages use a "Split" layout.

A basis of the "Split" layout is the master split has the class "split".

Then, there are two div's inside it, with the classes "spmain" and "spsidebar".

The spsidebar Layout contains the sidebar, which in this case is navigation between different doc pages.

The spmain Layout contains the content, which is what you're reading.

Layouts are a very powerful class in 2006.css.