mobile-demo-set / static / sdk / resources / sass / bb6.scss

$include-highlights: false;
$include-border-radius: false;

// Let's start with the basics
$base-color:  #393F45;
$active-color:  #06f;
$base-gradient: 'none';

// Lists
$list_pressed_color: #09f;
$list_bg_color: #111;
$list_color: #eee;
$list_header_bg_color: #aaa;
$basic-slider: true;

@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 sencha-loading-spinner;

.x-indexbar-item {
    color: #FFF;

.x-scrollbar-dark {
  background-color: rgba(255, 255, 255, .6);
  border: 1px solid rgba(0, 0, 0, 0.2);

//fixing back/forward buttons in BB.
$shadow-width: .065em; // Space between tip and its shadow
$overlap-width: .2em; // how far the mask is clipped

$mask-height: $button-height;
$mask-width: $mask-height/2.5;
$mask-offset: $button-radius - $overlap-width - $button-stroke-weight + $shadow-width - .22em;

.x-button-forward, .x-button-back {
    &:before, &:after {
        @include insertion($mask-width, $mask-height, -$button-stroke-weight, auto);
        z-index: 2;
        -webkit-mask: $mask-offset 0 theme_image($theme-name, "tip.png") no-repeat;
        -webkit-mask-size: $mask-width $mask-height;
        overflow: hidden;

.x-button-forward, .x-toolbar .x-button-forward {
    &:before, &:after {
        -webkit-mask: -$mask-offset 0 theme_image($theme-name, "tip_right.png") no-repeat;
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.