Themer Pain Points
Lack of Mockups = No big picture planning
Lack of Time = Sloppy CSS
Crazy Selectors = Less Reusable Code
Not much ﬂexibility,
After Completion = Low shelf life
You’re doing it wrong if...
you’re not styling default Drupal elements
you’re targeting ID’s in your CSS excessively
you’re writing way too speciﬁc CSS
you’re creating a new tpl ﬁle for every little change
you’re not structuring markup in a way that is ﬂexible
Skinr is a tool which...
allows you create your own reusable style deﬁnitions
(skins) in the theme layer
lets you create your own CSS classes, and forget
makes your styles pointy clicky so that you can take a
What can I do with Skinr?
As much or as little as you want to...
Where Skinr shines
Projects where development is ongoing
Themes for clients that are very hands on
Code snippet sharing and reuse
Start by deﬁning your Skins
skinr[my_nav][title] = Navigation Style
skinr[my_nav][description] = Here's a nav with 2 color options. Pick one.
skinr[my_nav][features] = block_menu_block
skinr[my_nav][type] = select
skinr[my_nav][stylesheets][all] = css/nav.css
skinr[my_nav][options][label] = Blue
skinr[my_nav][options][class] = nav nav-blue
skinr[my_nav][options][label] = Green
skinr[my_nav][options][class] = nav nav-green
Themes that support Skinr
Fusion, Adaptive Theme, Zen, Studio, Basic
Acquia Prosper, Acquia Marina, AT Koda, Light Fantastic,
Celadon, Newswire, Abstract, AT Panels Everywhere
Project page: http://drupal.org/project/skinr
Documentation: Skinr provides full documentation
within the Skinr module via the Advanced Help module.