Skinr is a new module that we at Gravitek Labs have been cooking up for themers! Its main purpose is to allow themes to define a set of reusable and modular CSS styles and to make those styles available in Drupal's UI. http://drupal.org/project/skinr This presentation was given on 6/13/2009 at Design 4 Drupal Camp at MIT.

1. Skinr
A New and More Modular Approach to
Theming Drupal

2. Themer Pain Points
Lack of Mockups = No big picture planning
Sloppier than usual
Lack of Time =
CSS
Crazy Selectors = Less Reusable Code
Not much flexibility,
After Completion = Low shelf life

3. What is Skinr?
A tool which allows you set your own resusable style
definitions (skins) in the theme layer
Allows those styles (skins) to be available in Drupal’s UI
A bridge between Drupal, it’s modules and you, the
themer!

4. Why would I use Skinr?
Streamline and consolidate your CSS
Easily reuse existing classes, across multiple types of
Drupal’s content
Allow clients to apply existing styles when adding new
or changing existing content.
You don’t want to use Drupal’s classes, but instead
need a way to make your styles available in the UI and
your templates.

5. .info Basic Syntax
skinr[system_name][label] = Provide a Label
skinr[system_name][class] = matching-class

6. .info Advanced Syntax
skinr[menu-style][1][label] = Menu Style: Default
skinr[menu-style][1][class] = menu-style
skinr[menu-style][2][label] = Menu Style: White on Black
skinr[menu-style][2][class] = menu-style menu-black-white
skinr[menu-style][features][] = block
skinr[menu-style][features][] = panel-pane

7. Info...
Try Skinr
http://drupal.org/project/skinr
Find me
http://twitter.com/jacine
http://drupal.org/user/88931
http://graviteklabs.com