LinkedIn
Copied!

Table of Contents

Adding inheritance to an existing skin

Version:

Only available versions of this content are shown in the dropdown
Applicable to Theme Cosmos applications

Share design patterns between skins by using inheritance. When you define a parent for your skin, all the parent style formats, mixins, and CSS style sheets become available to the dependent skin, with changes to the parent cascading automatically to the dependent.

For example, you can create a skin that includes styles that are the same throughout the organization, and have that skin serve as a parent for more detailed department skins to reduce the number of repetitive configurations.

  1. In the navigation pane of Dev Studio, click Records.

  2. Expand the User Interface category, and then click Skin.

  3. Open the skin that you want to edit.

  4. On the Inheritance tab, in the Skin inheritance section, click Add skin to inherit from.

  5. In the new field, select the skin from which you want to inherit design patterns.

    The skin that you select becomes the parent of the current skin. The full inheritance stack, including the skins from which the parent inherits, appears in the Calculated inheritance order section.
  6. In the upper right corner of the skin tab, click Save.

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.