CSS
- Inline styles should be removed and added to a stylesheet, one stylesheet per asset (not one per template). This stylesheet should have the same name as the asset (e.g. article.css) and should be included in the head block of the tempalte, using the link tag.
- Do not make this css very specific, overriding should be easy. For instance you should not use ID selectors (#) and no long rows of combined selectors.
- Styles that are used by more than 1 asset (pagination, inline icon), should be added to wg-core.css.
- Only styles for positioning should be included, and only if necessary (i.e. the functions of the asset are not clear without it).
- If you do need a fill color, use black or grey (e.g. for tableheaders).
- IE versions can be targeted with divs which are included in the style template with conditional comments.
- Float clearing: anticipate the clearing of floats. If there is no element that can be used for clearing, add <div class="wg-clear"></div> Note: we are not using a br for this, because of possible IE bugs.