3.1.2 (Brainy Betty)
694b36473827460a7cc4588b61a7853fb9e8380e
o:Sass::Tree::RootNode
:@has_childrenT:@children[o:Sass::Tree::ImportNode
;[ :@imported_filename"../global:@options{ :
@linei:@template0o:Sass::Tree::CommentNode;[ ;
@
:@lines[ :
@loud0:@value",/**
 * @class Ext.dataview.IndexBar
 */;i:@silent0o;;[ ;
@
;[ ;0;"N/**
 * @var {measurement} $index-bar-width
 * Width of the index bar.
 */;i;0o:Sass::Tree::VariableNode:
@expro:Sass::Script::Number:@original"
1.1em;
{ :@denominator_units[ :@numerator_units["em;f1.1000000000000001 ™š;i;[ ;
@
:
@name"index-bar-width:@guarded"!default;io;;[ ;
@
;[ ;0;"V/**
 * @var {color} $index-bar-bg-color
 * Background-color of the index bar.
 */;i;0o;;o:Sass::Script::Funcall
;
{ :@keywords{ :
@args[	o;
;
@$;{ ;[o:Sass::Script::Variable	;
@$;"base-color:@underscored_name"base_color;i;"hue;io;;"10%;
@$;[ ;["%;i;io;;"60%;
@$;[ ;["%;iA;io;;"0.8;
@$;[ ;[ ;f0.80000000000000004 ™š;i;"	hsla;i;[ ;
@
;"index-bar-bg-color;"!default;io;;[ ;
@
;[ ;0;"M/**
 * @var {color} $index-bar-color
 * Text color of the index bar.
 */;i;0o;;o;
;
{ ;{ ;[o;
;
@G;{ ;[o;	;
@G;"base-color;"base_color;io;;"5%;
@G;[ ;["%;i
;i;"desaturate;io;;"15%;
@G;[ ;["%;i;i;"darken;i;[ ;
@
;"index-bar-color;"!default;io;;[ ;
@
;[ ;0;"2/**
 * Includes default index bar styles.
 */;i;0o:Sass::Tree::MixinDefNode;T;[o:Sass::Tree::RuleNode;T;[o:Sass::Tree::PropNode;[ :
@tabsi ;
@
;["-webkit-box-pack:@prop_syntax:new;o:Sass::Script::String;"end !important:
@type:identifier;i#o;!;[ ;"i ;
@
;["box-pack;#;$;o;%;"end !important;&;';i$o;!;[ ;"i ;
@
;["pointer-events;#;$;o;%;"	none;&;';i%;"i ;
@
:
@rule[".x-indexbar-wrapper:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename" :@members[o:Sass::Selector::Sequence;,[o:#Sass::Selector::SimpleSequence;+@|;,[o:Sass::Selector::Class;["x-indexbar-wrapper;+@|;i";i";i";i"o; ;T;[o;!;[ ;"i ;
@
;["
width;#;$;o;	;
{ ;"index-bar-width;"index_bar_width;i);i)o:Sass::Tree::MixinNode;[ ;
@
;{ ;[o;%	;
{ ;"vertical;i*;&;';"box-orient;i*o;!;[ ;"i ;
@
;["margin-right;#;$;o;%;"8px;&;';i+;"i ;
@
;([".x-indexbar-vertical;)o;*;+" ;,[o;-;,[o;.;+@›;,[o;/;["x-indexbar-vertical;+@›;i(;i(;i(;i(o; ;T;[o;!;[ ;"i ;
@
;["height;#;$;o;	;
{ ;"index-bar-width;"index_bar_width;i/;i/o;0;[ ;
@
;{ ;[o;%	;
{ ;"horizontal;i0;&;';"box-orient;i0o;!;[ ;"i ;
@
;["margin-bottom;#;$;o;%;"8px;&;';i1;"i ;
@
;([".x-indexbar-horizontal;)o;*;+" ;,[o;-;,[o;.;+@¿;,[o;/;["x-indexbar-horizontal;+@¿;i.;i.;i.;i.o; ;T;[o;!;[ ;"i ;
@
;["pointer-events;#;$;o;%;"	auto;&;';i5o;!;[ ;"i ;
@
;["z-index;#;$;o;%;"2;&;';i6o;!;[ ;"i ;
@
;["padding;#;$;o;%;".3em 0;&;';i7o;!;[ ;"i ;
@
;["min-height;#;$;o;%;"0 !important;&;';i8o;!;[ ;"i ;
@
;["height;#;$;o;%;"auto !important;&;';i9o;!;[ ;"i ;
@
;["-webkit-box-flex;#;$;o;%;"0 !important;&;';i:o; ;T;[o;!;[ ;"i ;
@
;["
color;#;$;o;	;
{ ;"index-bar-color;"index_bar_color;i=;i=o;!;[ ;"i ;
@
;["font-size;#;$;o;%;"
0.6em;&;';i>o;!;[ ;"i ;
@
;["text-align;#;$;o;%;"center;&;';i?o;!;[ ;"i ;
@
;["line-height;#;$;o;%;"
1.1em;&;';i@o;!;[ ;"i ;
@
;["font-weight;#;$;o;%;"	bold;&;';iAo;!;[ ;"i ;
@
;["display;#;$;o;%;"
block;&;';iB;"i ;
@
;(["
> div;)o;*;+" ;,[o;-;,[">o;.;+@;,[o:Sass::Selector::Element	:@namespace0;["div;+@;i<;i<;i<;i<;"i ;
@
;([".x-indexbar;)o;*;+" ;,[o;-;,[o;.;+@&;,[o;/;["x-indexbar;+@&;i4;i4;i4;i4o; ;T;[o; ;T;[o;!;[ ;"i ;
@
;["font-size;#;$;o;%;"0.38em;&;';iHo;!;[ ;"i ;
@
;["line-height;#;$;o;%;"1em;&;';iI;"i ;
@
;(["
> div;)o;*;+" ;,[o;-;,[">o;.;+@B;,[o;1	;20;["div;+@B;iG;iG;iG;iG;"i ;
@
;(["%.x-phone.x-landscape .x-indexbar;)o;*;+" ;,[o;-;,[o;.;+@O;,[o;/;["x-phone;+@O;iFo;/;["x-landscape;+@O;iF;iFo;.;+@O;,[o;/;["x-indexbar;+@O;iF;iF;iF;iFo; ;T;[o;0;[ ;
@
;{ ;[o:Sass::Script::Operation
:@operand2o;;"2;
{ ;@:;[ ;i;iN;
@i:@operand1o;	;
@i;"index-bar-width;"index_bar_width;iN:@operator:div;iN;"border-radius;iNo;!;[ ;"i ;
@
;["background-color;#;$;o;	;
{ ;"index-bar-bg-color;"index_bar_bg_color;iO;iO;"i ;
@
;([".x-indexbar-pressed;)o;*;+" ;,[o;-;,[o;.;+@z;,[o;/;["x-indexbar-pressed;+@z;iM;iM;iM;iM;
@
;[ ;"sencha-indexbar;i!;
@
;i;"Ð@import '../global';

/**
 * @class Ext.dataview.IndexBar
 */

/**
 * @var {measurement} $index-bar-width
 * Width of the index bar.
 */
$index-bar-width: 1.1em !default;

/**
 * @var {color} $index-bar-bg-color
 * Background-color of the index bar.
 */
$index-bar-bg-color: hsla(hue($base-color), 10%, 60%, .8) !default;

/**
 * @var {color} $index-bar-color
 * Text color of the index bar.
 */
$index-bar-color: darken(desaturate($base-color, 5%), 15%) !default;

/**
 * Includes default index bar styles.
 */
@mixin sencha-indexbar {
  .x-indexbar-wrapper {
    -webkit-box-pack: end !important;
    box-pack: end !important;
    pointer-events: none;
  }

  .x-indexbar-vertical {
    width: $index-bar-width;
    @include box-orient(vertical);
    margin-right: 8px;
  }

  .x-indexbar-horizontal {
    height: $index-bar-width;
    @include box-orient(horizontal);
    margin-bottom: 8px;
  }

  .x-indexbar {
    pointer-events: auto;
    z-index: 2;
    padding: .3em 0;
    min-height: 0 !important;
    height: auto !important;
    -webkit-box-flex: 0 !important;

    > div {
      color: $index-bar-color;
      font-size: 0.6em;
      text-align: center;
      line-height: 1.1em;
      font-weight: bold;
      display: block;
    }
  }

  .x-phone.x-landscape .x-indexbar {
    > div {
        font-size: 0.38em;
        line-height: 1em;
    }
  }

  .x-indexbar-pressed {
    @include border-radius(($index-bar-width)/2);
    background-color: $index-bar-bg-color;
  }
}
