    /** * Creates a theme UI for tabbar/tab components. * *     // SCSS *     @include sencha-tabbar-ui('pink', #333, 'matte', #AE537A); * *     // JS *     var tabs = new Ext.tab.Panel({ *        tabBar: { *          ui: 'pink', *          dock: 'bottom', *          layout: { pack: 'center' } *        }, *        ... *     }); * * @param {string} $ui-label The name of the UI being created. *   Can not included spaces or special punctuation (used in class names) * @param {color} $bar-color Base color for the tab bar. * @param {string} $bar-gradient Background gradient style for the tab bar. * @param {color} $tab-active-color Background-color for active tab icons. * * @member Ext.tab.Bar * @deprecated Use {@link Ext.tab.Bar#tabbar-ui} and {@link Ext.tab.Tab#tab-ui} instead */@mixin sencha-tabbar-ui($ui-label, $bar-color, $bar-gradient, $tab-active-color) {     @include tabbar-ui(         $ui: $ui-label,         $background-color: $bar-color     );     @include tab-ui(         $ui: $ui-label,         $background-color: $bar-color,         $active-background-color: $tab-active-color     );}