[flexcoders] Flex 4 skinning

[dorkie dork from dorktown]

I'm working on setting up my app so the whole thing is dynamically
skinnable at runtime. Is it feasible to have an app with maybe 300
skins? What I've done is set css to point to skinClasses. This works
fine until I select "compile css to swf".
When I do that I get errors on each skinClass definition in the css file.

1172: Definition com.domain.skins:FeedbackButton could not be
found.  styles.css      /project/src/assets/styles      line 17 Flex Problem
1202: Access of undefined property FeedbackButton in package
com.project.skins.      styles.css      /project/src/assets/styles      line 17 
Flex
Problem


styles.css:

s|Button#feedbackPopoutButton {
        skinClass: ClassReference("com.project.skins.FeedbackButton"); *
generates error
}

s|SkinnableContainer.ApplicationHeaderBackground {
        skinClass: ClassReference("com.project.skins.HeaderSkin"); * generates 
error
}


This is my app:

<MyApp>

        <fx:Style source="assets/styles/default.css"/>

        <s:Button label="feedback" id="feedbackButton"   />
        <s:Button label="contact id="contactButton"   />


        <s:SkinnableContainer id="formContainer" width="100%"
left="10" right="10" top="50">

                <s:TextInput id="nameInput"   />

                <s:Button label="submit" id="submitButton"   />

        </s:SkinnableContainer>

</MyApp>