3.1.2 (Brainy Betty)
324827c9383ebfeb8fcfc14a938ecd97114bf90f
o:Sass::Tree::RootNode
:@has_childrenT:@children[o:Sass::Tree::ImportNode
;[ :@imported_filename"../global:@options{ :
@linei:@template0o:Sass::Tree::MixinDefNode;T;[o:Sass::Tree::MixinNode;[ ;
@
:@keywords{ :
@args[ :
@name"sencha-draw;i	o:Sass::Tree::RuleNode;T;[o:Sass::Tree::PropNode;[ :
@tabsi ;
@
;["position:@prop_syntax:new:@valueo:Sass::Script::String;"relative:
@type:identifier;i;i ;
@
:
@rule[".x-spark:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename" :@members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence;@;[o:Sass::Selector::Class;["x-spark;@;i
;i
;i
;i
o:Sass::Tree::VariableNode:
@expro:Sass::Script::Color	;
{ ;0;i:@attrs{	:redi:
alphai:
greeni:	bluei;[ ;
@
;"legend-border-color:@guarded"!default;io;#;$o:Sass::Script::List	;
{ :@separator:
space;[o:Sass::Script::Number:@original"1px;
@/:@denominator_units[ :@numerator_units["px;i;io;	;
@/;"
solid;i;;o:Sass::Script::Variable	;
@/;"legend-border-color:@underscored_name"legend_border_color;i;i;[ ;
@
;"legend-border;+"!default;io;#;$o;%	;
{ ;0;i;&{	;'i;(i;)i;*i;[ ;
@
;"legend-background-color;+"!default;io;#;$o;/;0"10;
{ ;1[ ;2[ ;i;i;[ ;
@
;"legend-z-index;+"!default;io;#;$o;,	;
{ ;-;.;[o;/;0"1px;
@P;1[ ;2["px;i;io;	;
@P;"
solid;i;;o:Sass::Script::Funcall
;
@P;{ ;[o;3	;
@P;"legend-border-color;4"legend_border_color;io;/;0"0.5;
@P;1@I;2[ ;f0.5;i;"	rgba;i;i;[ ;
@
;"legend-item-border;+"!default;io;#;$o;5
;
{ ;{ ;[o;%	;
@i;0;i;&{	;'i;(i;)i;*io;/;0"0;
@i;1@I;2[ ;i ;i;"	rgba;i;[ ;
@
;"legend-item-background;+"!default;io;#;$o;/;0"
0.8em;
{ ;1[ ;2["em;f0.80000000000000004 ;i;[ ;
@
;"marker-size;+"!default;io;;T;[o;;[ ;i ;
@
;["z-index;;;o;3	;
{ ;"legend-z-index;4"legend_z_index;i;io;;[ ;i ;
@
;["border;;;o;3	;
{ ;"legend-border;4"legend_border;i;io;;[ ;i ;
@
;["background;;;o;3	;
{ ;"legend-background-color;4"legend_background_color;i;io;;[ ;i ;
@
;["overflow;;;o;;"hidden;;;io;;[ ;i ;
@
;["position;;;o;;"absolute;;;io;;[ ;
@
;{ ;[o;/;0"5px;
{ ;1[ ;2["px;i
;i;"border-radius;iu:Sass::Tree::IfNode[o:Sass::Script::Operation
:@operand2o:Sass::Script::Number:@original"30:@options{ :@denominator_units[ :@numerator_units[ :@valuei#:
@linei;	@	:@operand1o:Sass::Script::Funcall
;	@	:@keywords{ :
@args[o:Sass::Script::Variable	;	@	:
@name"legend-background-color:@underscored_name"legend_background_color;i;"lightness;i:@operator:gt;iu:Sass::Tree::IfNode[00[o:Sass::Tree::MixinNode:@children[ :@options{ :@keywords{ :
@args[o:Sass::Script::List	;{ :@separator:
space:@value[	o:Sass::Script::Funcall
;@;{ ;	[o:Sass::Script::Color	;@;0:
@linei!:@attrs{	:redi:
alphai:
greeni:	blueio:Sass::Script::Number:@original"0.2;@:@denominator_units[ :@numerator_units[ ;f0.20000000000000001 ;i!:
@name"	rgba;i!o;;"0;@;@;[ ;i ;i!o;;"1px;@;[ ;["px;i;i!o;;"0;@;@;[ ;i ;i!;i!;"box-shadow;i![o:Sass::Tree::MixinNode:@children[ ;	{ ;{ ;[o:Sass::Script::List	;	{ :@separator:
space;[	o;
;	@;{ ;[o:Sass::Script::Color	;	@;0;i:@attrs{	:redi:
alphai:
greeni:	blueio;;"0.6;	@;
@
;[ ;f0.59999999999999998 33;i;"	rgba;io;;"0;	@;
@
;[ ;i ;io;;"1px;	@;
[ ;["px;i;io;;"1px;	@;
[ ;["px;i;i;i;"box-shadow;io;;T;[o;;[ ;i ;
@
;["padding;;;o;,	;
{ ;-;.;[	o;/;0"
0.8em;
@;1[ ;2["em;f0.80000000000000004 ;i%o;/;0"1em;
@;1[ ;2["em;i;i%o;/;0"
0.8em;
@;1[ ;2["em;f0.80000000000000004 ;i%o:Sass::Script::Operation
:@operand2o;/;0"1em;
@;1[ ;2["em;i;i%;
@:@operand1o;3	;
@;"marker-size;4"marker_size;i%:@operator:	plus;i%;i%;i%o;;[ ;
@
;{ ;[o;3	;
{ ;"base-color;4"base_color;i&o;/;0"50;
@;1@I;2[ ;i7;i&;"readable-color;i&o;;[ ;i ;
@
;["background;;;o;3	;
{ ;"legend-item-background;4"legend_item_background;i';i'o;;[ ;i ;
@
;["max-width;;;o;;"	20em;;;i(o;;[ ;i ;
@
;["min-width;;;o;;"8em;;;i)o;;[ ;i ;
@
;["font-size;;;o;;"	14px;;;i*o;;[ ;i ;
@
;["line-height;;;o;;"	14px;;;i+o;;[ ;i ;
@
;["font-weight;;;o;;"	bold;;;i,o;;[ ;i ;
@
;["position;;;o;;"relative;;;i-o;;T;[o;;[ ;i ;
@
;["
width;;;o;3	;
{ ;"marker-size;4"marker_size;i0;i0o;;[ ;i ;
@
;["height;;;o;3	;
{ ;"marker-size;4"marker_size;i1;i1o;;[ ;
@
;{ ;[o;7
;8o;/;0"2;
{ ;1@I;2[ ;i;i2;
@!;9o;3	;
@!;"marker-size;4"marker_size;i2;::div;i2;"border-radius;i2o;;[ ;
@
;{ ;[o;,	;
{ ;-;.;[	o;5
;
@,;{ ;[o;%	;
@,;0;i3;&{	;'i;(i;)i;*io;/;0"0.3;
@,;1@I;2[ ;f0.29999999999999999 33;i3;"	rgba;i3o;/;0"0;
@,;1@I;2[ ;i ;i3o;/;0"1px;
@,;1[ ;2["px;i;i3o;/;0"0;
@,;1@I;2[ ;i ;i3;i3o;,	;
@,;-;.;[
o;5
;
@,;{ ;[o;%	;
@,;0;i3;&{	;'i ;(i;)i ;*i o;/;0"0.4;
@,;1@I;2[ ;f0.40000000000000002 ;i3;"	rgba;i3o;/;0"0;
@,;1@I;2[ ;i ;i3o;/;0"1px;
@,;1[ ;2["px;i;i3o;/;0"0;
@,;1@I;2[ ;i ;i3o;	;
@,;"
inset;i3;;;i3;"box-shadow;i3o;;[ ;i ;
@
;["position;;;o;;"absolute;;;i4o;;[ ;i ;
@
;["	left;;;o;;"	.7em;;;i5o;;[ ;i ;
@
;["top;;;o;;"1em;;;i6;i ;
@
;[".x-legend-item-marker;o;;" ;[o; ;[o;!;@r;[o;";["x-legend-item-marker;@r;i/;i/;i/;i/o;;T;[o;;[ ;i ;
@
;["border;;;o;;"0;;;i:;i ;
@
;["&:last-child;o;;" ;[o; ;[o;!;@;[o:Sass::Selector::Parent;@;i9o:Sass::Selector::Pseudo
:	@arg0;["last-child;@;i9;:
class;i9;i9;i9o;;T;[o;;[ ;
@
;{ ;[o;,	;
{ ;-;.;[	o;5
;
@;{ ;[o;3	;
@;"legend-background-color;4"legend_background_color;i>o;/;0"50;
@;1@I;2[ ;i7;i>;"darken;i>o;/;0"0;
@;1@I;2[ ;i ;i>o;/;0"0;
@;1@I;2[ ;i ;i>o;/;0"
0.5em;
@;1[ ;2["em;f0.5;i>;i>;"box-shadow;i>;i ;
@
;["&.x-dragging;o;;" ;[o; ;[o;!;@;[o;=;@;i=o;";["x-dragging;@;i=;i=;i=;i=o;;T;[o;;[ ;
@
;{ ;[o;,	;
{ ;-;.;[o;5
;
@;{ ;[	o;/;0"0;
@;1@I;2[ ;i ;iBo;/;0"0;
@;1@I;2[ ;i ;iBo;/;0"200;
@;1@I;2[ ;i;iBo;/;0"0.9;
@;1@I;2[ ;f0.90000000000000002 ;iB;"	rgba;iBo;/;0"0;
@;1@I;2[ ;i ;iBo;/;0"0;
@;1@I;2[ ;i ;iBo;/;0"
0.3em;
@;1[ ;2["em;f0.29999999999999999 33;iBo;/;0"0;
@;1@I;2[ ;i ;iBo:Sass::Script::Bool;
@;T;iB;iB;"box-shadow;iB;i ;
@
;["&.x-drop-hover;o;;" ;[o; ;[o;!;@;[o;=;@;iAo;";["x-drop-hover;@;iA;iA;iA;iA;i ;
@
;[".x-legend-item;o;;" ;[o; ;[o;!;@;[o;";["x-legend-item;@;i$;i$;i$;i$o;;T;[o;;[ ;
@
;{ ;[o;/;0"0.3;
{ ;1@I;2[ ;f0.29999999999999999 33;iG;"opacity;iG;i ;
@
;[".x-legend-inactive;o;;" ;[o; ;[o;!;@;[o;";["x-legend-inactive;@;iF;iF;iF;iFo;;T;[o;;T;[o;;[ ;i ;
@
;["display;;;o;;"-webkit-box;;;iLo;;[ ;
@
;{ ;[o;	;
{ ;"horizontal;iM;;;"box-orient;iMo;;[ ;i ;
@
;["padding;;;o;;"0 .4em;;;iN;i ;
@
;[".x-legend-inner > *;o;;" ;[o; ;[o;!;@4;[o;";["x-legend-inner;@4;iK;iK">o;!;@4;[o:Sass::Selector::Universal:@namespace0;@4;iK;iK;iK;iKo;;T;[o;;[ ;i ;
@
;["border;;;o;;"0;;;iRo;;[ ;i ;
@
;["border-right;;;o;3	;
{ ;"legend-item-border;4"legend_item_border;iS;iSo;;[ ;i ;
@
;["white-space;;;o;;"nowrap;;;iTo;;[ ;i ;
@
;["max-width;;;o;;"	none;;;iUo;;[ ;i ;
@
;["min-width;;;o;;"0;;;iVo;;T;[o;;[ ;i ;
@
;["border;;;o;;"0;;;iY;i ;
@
;["&:last-child;o;;" ;[o; ;[o;!;@n;[o;=;@n;iXo;>
;?0;["last-child;@n;iX;;@;iX;iX;iX;i ;
@
;[".x-legend-item;o;;" ;[o; ;[o;!;@{;[o;";["x-legend-item;@{;iQ;iQ;iQ;iQ;i ;
@
;["&.x-legend-horizontal;o;;" ;[o; ;[o;!;@;[o;=;@;iJo;";["x-legend-horizontal;@;iJ;iJ;iJ;iJ;i ;
@
;[".x-legend;o;;" ;[o; ;[o;!;@;[o;";["x-legend;@;i;i;i;io;;T;[o;;[ ;i ;
@
;["-webkit-mask-image;;;o;5
;
{ ;{ ;[o;3	;
@;"theme-name;4"theme_name;i`o;	;
@;"pictos/list.png;i`;:string;"theme-image;i`;i`;i ;
@
;[".x-legend-button-icon;o;;" ;[o; ;[o;!;@;[o;";["x-legend-button-icon;@;i_;i_;i_;i_o;;T;[o;;[ ;i ;
@
;["-webkit-mask-image;;;o;5
;
{ ;{ ;[o;3	;
@;"theme-name;4"theme_name;ido;	;
@;"pictos/move.png;id;;D;"theme-image;id;id;i ;
@
;[".x-panzoom-toggle-icon;o;;" ;[o; ;[o;!;@;[o;";["x-panzoom-toggle-icon;@;ic;ic;ic;ico;;T;[o;;[ ;i ;
@
;["-webkit-mask-image;;;o;5
;
{ ;{ ;[o;3	;
@;"theme-name;4"theme_name;iho;	;
@;"pictos/resize.png;ih;;D;"theme-image;ih;ih;i ;
@
;["(.x-zooming > .x-panzoom-toggle-icon;o;;" ;[o; ;[o;!;@;[o;";["x-zooming;@;ig;ig">o;!;@;[o;";["x-panzoom-toggle-icon;@;ig;ig;ig;igo;;T;[o;;[ ;i ;
@
;["position;;;o;;"absolute;;;ilo;;[ ;i ;
@
;["z-index;;;o;;"9;;;imo;;[ ;
@
;{ ;[ ;"display-box;ino;;[ ;i ;
@
;["padding;;;o;;"	.6em;;;ioo;;T;[o;;[ ;i ;
@
;["margin;;;o;;"	.2em;;;ir;i ;
@
;[".x-button;o;;" ;[o; ;[o;!;@;[o;";["x-button;@;iq;iq;iq;iqo;;T;[o;;[ ;i ;
@
;["top;;;o;;"0;;;ivo;;[ ;
@
;{ ;[o;	;
{ ;"vertical;iw;;;"box-orient;iw;i ;
@
;["*&[data-side=left], &[data-side=right];o;;" ;[o; ;[o;!;@7;[o;=;@7;iuo:Sass::Selector::Attribute;C0;["data-side;:"=;@7;["	left;iu;iuo; ;[o;!;@7;[o;=;@7;iuo;E;C0;["data-side;:"=;@7;["
right;iu;iu;iu;iuo;;T;[o;;[ ;i ;
@
;["	left;;;o;;"0;;;i{;i ;
@
;["&[data-side=left];o;;" ;[o; ;[o;!;@Z;[o;=;@Z;izo;E;C0;["data-side;:"=;@Z;["	left;iz;iz;iz;izo;;T;[o;;[ ;i ;
@
;["
right;;;o;;"0;;;i;i ;
@
;["&[data-side=right];o;;" ;[o; ;[o;!;@r;[o;=;@r;i~o;E;C0;["data-side;:"=;@r;["
right;i~;i~;i~;i~o;;T;[o;;[ ;
@
;{ ;[o;	;
{ ;"horizontal;i~;;;"box-orient;i~o;;[ ;i ;
@
;["
right;;;o;;"0;;;i;i ;
@
;["*&[data-side=top], &[data-side=bottom];o;;" ;[o; ;[o;!;@;[o;=;@;i}o;E;C0;["data-side;:"=;@;["top;i};i}o; ;[o;!;@;[o;=;@;i}o;E;C0;["data-side;:"=;@;["bottom;i};i};i};i}o;;T;[o;;[ ;i ;
@
;["top;;;o;;"0;;;i;i ;
@
;["&[data-side=top];o;;" ;[o; ;[o;!;@;[o;=;@;io;E;C0;["data-side;:"=;@;["top;i;i;i;io;;T;[o;;[ ;i ;
@
;["bottom;;;o;;"0;;;io;;[ ;
@
;{ ;[o;	;
{ ;"horizontal;i;;;"box-orient;i;i ;
@
;["&[data-side=bottom];o;;" ;[o; ;[o;!;@;[o;=;@;io;E;C0;["data-side;:"=;@;["bottom;i;i;i;i;i ;
@
;[".x-chart-toolbar;o;;" ;[o; ;[o;!;@;[o;";["x-chart-toolbar;@;ik;ik;ik;iku;6[o:Sass::Script::Variable	:@options{ :
@name"include-default-icons:@underscored_name"include_default_icons:
@linei0[o:Sass::Tree::MixinNode:@children[ ;{ :@keywords{ :
@args[o:Sass::Script::String	;{ :@value"bookmarks;	i:
@type:string;"pictos-iconmask;	io;
;[ ;@;{ ;[o;	;{ ;"download;	i;;;"pictos-iconmask;	io;
;[ ;@;{ ;[o;	;{ ;"favorites;	i;;;"pictos-iconmask;	io;
;[ ;@;{ ;[o;	;{ ;"	info;	i;;;"pictos-iconmask;	io;
;[ ;@;{ ;[o;	;{ ;"	more;	i;;;"pictos-iconmask;	io;
;[ ;@;{ ;[o;	;{ ;"	time;	i;;;"pictos-iconmask;	io;
;[ ;@;{ ;[o;	;{ ;"	user;	i;;;"pictos-iconmask;	io;
;[ ;@;{ ;[o;	;{ ;"	team;	i;;;"pictos-iconmask;	i;
@
;[ ;"sencha-charts;i;
@
;i;"z@import '../global';

@mixin sencha-charts {
  @include sencha-draw;
  .x-spark {
    position: relative;
  }
  
  $legend-border-color: #ccc !default;
  $legend-border: 1px solid $legend-border-color !default;
  $legend-background-color: #fff !default;
  $legend-z-index: 10 !default;
  $legend-item-border: 1px solid rgba($legend-border-color, .5) !default;
  $legend-item-background: rgba(#fff, 0) !default;

  $marker-size: .8em !default;

  .x-legend {
    z-index: $legend-z-index;
    border: $legend-border;
    background: $legend-background-color;
    overflow: hidden;
    position: absolute;
    @include border-radius(5px);
    @if (lightness($legend-background-color) > 30) {
      @include box-shadow(rgba(#fff, .6) 0 1px 1px);
    } @else {
      @include box-shadow(rgba(#fff, .2) 0 1px 0);
    }
    
    .x-legend-item {
      padding: .8em 1em .8em $marker-size + 1em;
      @include readable-color($base-color, 50);
      background: $legend-item-background;
      max-width: 20em;
      min-width: 8em;
      font-size: 14px;
      line-height: 14px;
      font-weight: bold;
      position: relative;
    
      .x-legend-item-marker {
        width: $marker-size;
        height: $marker-size;
        @include border-radius($marker-size/2);
        @include box-shadow(rgba(#fff, .3) 0 1px 0, rgba(#000, .4) 0 1px 0 inset);
        position: absolute;
        left: .7em;
        top: 1em;
      }
    
      &:last-child {
        border: 0;
      }
    
      &.x-dragging {
        @include box-shadow(darken($legend-background-color, 50) 0 0 .5em);
      }
    
      &.x-drop-hover {
        @include box-shadow(rgba(0, 0, 200, 0.9) 0 0 .3em 0 true);
      }
    }
    
    .x-legend-inactive {
      @include opacity(.3);
    }
    
    &.x-legend-horizontal {
      .x-legend-inner > * {
        display: -webkit-box;
        @include box-orient(horizontal);
        padding: 0 .4em;
      }
      
      .x-legend-item {
        border: 0;
        border-right: $legend-item-border;
        white-space: nowrap;
        max-width: none;
        min-width: 0;
      
        &:last-child {
          border: 0;
        }
      }
    }
  }

  .x-legend-button-icon {
    -webkit-mask-image: theme-image($theme-name, 'pictos/list.png');
  }
  
  .x-panzoom-toggle-icon {
    -webkit-mask-image: theme-image($theme-name, 'pictos/move.png');
  }
  
  .x-zooming > .x-panzoom-toggle-icon {
    -webkit-mask-image: theme-image($theme-name, 'pictos/resize.png');
  }

  .x-chart-toolbar {
    position: absolute;
    z-index: 9;
    @include display-box;
    padding: .6em;
  
    .x-button {
      margin: .2em;
    }
  
    &[data-side=left], &[data-side=right] {
      top: 0;
      @include box-orient(vertical);
    }
  
    &[data-side=left] {
      left: 0;
    }
  
    &[data-side=right] {
      right: 0;
    }
  
    &[data-side=top], &[data-side=bottom] {
      @include box-orient(horizontal);
      right: 0;
    }
  
    &[data-side=top] {
      top: 0;
    }
  
    &[data-side=bottom] {
      bottom: 0;
      @include box-orient(horizontal);
    }
  }

  @if $include-default-icons {
    @include pictos-iconmask('bookmarks');
    @include pictos-iconmask('download');
    @include pictos-iconmask('favorites');
    @include pictos-iconmask('info');
    @include pictos-iconmask('more');
    @include pictos-iconmask('time');
    @include pictos-iconmask('user');
    @include pictos-iconmask('team');
  }
}