$include-default-icons: false;

@import 'sencha-touch/default/all';

@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-carousel;
@include sencha-indexbar;
@include sencha-list;
@include sencha-list-paging;
@include sencha-list-pullrefresh;
@include sencha-layout;
@include sencha-form;
@include sencha-msgbox;

@include pictos-iconmask('shuffle');
@include pictos-iconmask('help');
@include sencha-tabbar-ui('light', #222, 'matte', lighten($base-color, 20%));

.x-tabbar-dark.x-docked-bottom .x-tab-active {
    @include box-shadow(#000 0 0 10px inset, rgba(#fff, .2) 0 1px 0);
    @include background-gradient(darken($base-color, 30%), recessed);
}

@import 'touch-charts';