S2 Cookbook: Converting a CSS design to a layout

The basic steps to converting a CSS design to a layout are:

1. Identify what parts of the CSS can be turned into properties i.e. all the things that users can customize in the Customize interface. For instance, colors should always be properties, instead of being "hardcoded" into the CSS.
   1. The core2 layer has a lot of built in properties that can be used.
   2. Or, new properties can be defined.
2. Write a Page::print_default_stylesheet function that prints out CSS using the defined properties.
   1. If your style is built upon Tabula Rasa, copy/paste the TB source code first then add your CSS in a print_stylesheet function.
3. Expose the used properties to the customization wizard.
4. Expand your design to include popular preferences, if possible, such as: icons on the left or right side; different column layouts; metadata on the top or bottom of the entry; icon or text action links.
5. Set other necessary housekeeping properties, such as modules.