src/resources/themes/stylesheets/sencha-touch/default/var/tab/_Panel.scss

   1 /**
   2  * @class Ext.tab.Bar
   3  */
   4
   5 /**
   6  * @var {boolean} $include-tabbar-uis Optionally disable separate tabbar UIs (light and dark).
   7  */
   8 $include-tabbar-uis: $include-default-uis !default;
   9
  10 /**
  11  * @var {boolean} $include-top-tabs
  12  * Optionally exclude top tab styles by setting to false.
  13  */
  14 $include-top-tabs: true !default;
  15
  16 /**
  17  * @var {boolean} $include-bottom-tabs
  18  * Optionally exclude bottom tab styles by setting to false.
  19  */
  20 $include-bottom-tabs: true !default;
  21
  22 /**
  23  * @var {color} $tabs-light
  24  * Base color for "light" UI tabs.
  25  */
  26 $tabs-light: desaturate($base-color, 10%) !default;
  27
  28 /**
  29  * @var {color} $tabs-light-active
  30  * Active color for "light" UI tabs.
  31  */
  32 $tabs-light-active: lighten(saturate($active-color, 20%), 20%) !default;
  33
  34 /**
  35  * @var {color} $tabs-dark
  36  * Base color for "dark" UI tabs.
  37  */
  38 $tabs-dark: darken($base-color, 20%) !default;
  39
  40 /**
  41  * @var {color} $tabs-dark-active
  42  * Active color for "dark" UI tabs.
  43  */
  44 $tabs-dark-active-color: saturate(lighten($active-color, 30%), 70%) !default;
  45
  46 /**
  47  * @var {string} $tabs-bar-gradient
  48  * Background gradient style for tab bars.
  49  */
  50 $tabs-bar-gradient: $base-gradient !default;
  51
  52 /**
  53  * @class Ext.tab.Tab
  54  */
  55
  56 /**
  57  * @var {string} $tabs-bottom-radius
  58  * Border-radius for bottom tabs.
  59  */
  60 $tabs-bottom-radius: .25em !default;
  61
  62 /**
  63  * @var {string} $tabs-bottom-icon-size
  64  * Icon size for bottom tabs
  65  */
  66 $tabs-bottom-icon-size: 1.65em !default;
  67
  68 /**
  69  * @var {string} $tabs-bottom-active-gradient
  70  * Background gradient style for active bottom tabs.
  71  */
  72 $tabs-bottom-active-gradient: $base-gradient !default;
  73
  74 /**
  75  * @var {boolean} $include-tab-highlights
  76  * Optionally disable all gradients, text-shadows, and box-shadows. Useful for CSS debugging,
  77  * non-performant browsers, or minimalist designs.
  78  */
  79 $include-tab-highlights: $include-highlights !default;