Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

This content has been archived and is no longer being updated.

Links may not function; however, this content may be relevant to outdated versions of the product.

Defining a new mixin

Updated on April 5, 2022

To create a new mixin, click Add. The mixin is populated with default values.

If you want to create a new mixin that:

  • inherits from another mixin, right-click the mixin from which you want to inherit styles, and then click Clone with inheritance. You can override inherited text elements, if desired, and remove inheritance and add styles as desired.
  • is a copy of an existing mixin (but does not inherit styles from that mixin), right-click the mixin that you want copy and then click Clone.

Specify the overall font

Select an Overall Font: to use as the default font for all mixins in this skin.

As a best practice, use the Overall Font when defining mixins. If you define the presentation of components using mixins that reference the Overall Font, then you can change the font used throughout the skin in a single location.

  • Skin rules

    Use the skin to specify the presentation of your content. You can style all presentation elements of your interface in the skin, including typography, borders, backgrounds, layouts, and UI placement and alignment. By defining presentation attributes in the skin, you separate the content that is defined in sections and harnesses from its presentati

  • About mixins

    Use the Mixins tab to define mixins. A mixin is a reusable style pattern.

  • Deleting a mixin

    You cannot delete a mixin if another mixin or component inherits styles from that mixin. Mixins and components that reference the selected mixin display in the Preview with list on the right.

  • Determining where a mixin is referenced

    Determining where a mixin is referenced

  • Skin rules - Renaming a mixin

    Renaming a mixin

Have a question? Get answers now.

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

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us