The XiD CSS Framework (based on Blueprint)
December 12, 2008
The CSS framework used in most designs we do is based on Blueprint’s CSS framework. Our version is leaned down more by removing the majority of the grid styling while retaining the resets and typography classes.
Standards in Using the Framework
- Always use the site.css file to import plugins and add-ons. This file pulls in all other css files, keeping the main html pages clean from extra link/style tags. If a plugin, such as a jQuery slideshow, that includes a specific CSS file is used, then it should be placed in the plugin directory inside the framework folder.
- Never change the framework. Overides can be done in the site.css file. The exception of this can be the .container class width as it sets the entire width of the site. The typography’s default size and font may be changed within core.css as well. Rule of thumb should always be to avoid changing anything else.
- Wrap the major, external, structural areas within the .container class (i.e. the wrapper, header, footer).
- Style within the ie.css file before going directly to the ie6.css file.
Attached is the xid css framework latest edition as of 11/7/08
[download#2#image]