Sencha provide a series of mixins with Ext JS 4 that allow you to quickly and easily create custom styles for a wide range of components. These mixins can be used to create custom UI styles, which you can apply to panels, buttons, and so on.
For example, the default styling for a button is available for a variety of sizes of button. However, in each case the color is the same. By creating a button
ui with the
extjs-button-ui mixin you can create a button with a different color for use with a different action. This recipe will demonstrate the principles and steps required to use the
ui mixins and apply them to your components.
This recipe will require SASS and Compass to be set up so we can compile our SASS ...