Drupal System CSS Reset

Thursday, July 9, 2009

I'm not sure about anyone else, but I've grown quite annoyed by having to override the same system.css (and other System module stylesheet) declarations every time I create a new theme. (I have had to type .form-item enough times WITHOUT getting rid of the styling that Drupal provides by default, ok!) While creating the Ecobusiness theme I decided to create my own Drupal System Reset CSS.

This stylesheet is born of essentially the same idea of other CSS resets - to make a blank slate of the elements on your site. However, my Drupal reset is different. Before creating the reset I'd played around with completely disabling system.css and had come to realize that I relied on pieces of it being there in the background just the same as I counted on overriding certain elements. Therefore the reset stylesheet only negates the styling that I found unhelpful in the System module stylesheets.

I've decided to share this file with anyone else who may be interested in the idea and helping me to expand it. It is obviously a work in progress - I am sure that I will edit it on my own. If you end up adopting it please feel free to propose any improvements you've made to it! Of course, please let me know what you think.