3.1.2 (Brainy Betty)
dbfcca7fadd775bd0a0aded9b6c8f2d7e14e3d4c
o:Sass::Tree::RootNode
:@has_childrenT:@children[o:Sass::Tree::ImportNode
;[ :@imported_filename"../global:@options{ :
@linei:@template0o:Sass::Tree::VariableNode:
@expro:Sass::Script::Number:@original"
0.3em;
{ :@denominator_units[ :@numerator_units["em:@valuef0.29999999999999999 33;i;[ ;
@
:
@name"panel-border-radius:@guarded0;io:Sass::Tree::MixinDefNode;T;[o:Sass::Tree::RuleNode;T;[o:Sass::Tree::PropNode;[ :
@tabsi ;
@
;["position:@prop_syntax:new;o:Sass::Script::String;"relative:
@type:identifier;i;i ;
@
:
@rule["+.x-panel,
  .x-msgbox,
  .x-panel-body:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename" :@members[o:Sass::Selector::Sequence;#[o:#Sass::Selector::SimpleSequence;"@";#[o:Sass::Selector::Class;["x-panel;"@";i;io;$;#["
o;%;"@";#[o;&;["x-msgbox;"@";i;io;$;#["
o;%;"@";#[o;&;["x-panel-body;"@";i;i;i;iu:Sass::Tree::IfNodeØ[o:Sass::Script::Variable	:@options{ :
@name"include-floating:@underscored_name"include_floating:
@linei0[o:Sass::Tree::RuleNode:@has_childrenT:@children[o:Sass::Tree::PropNode;[ :
@tabsi ;{ ;["padding:@prop_syntax:new:@valueo:Sass::Script::String;"6px:
@type:identifier;	iu:Sass::Tree::IfNode[o:Sass::Script::Variable	:@options{ :
@name"include-border-radius:@underscored_name"include_border_radius:
@linei0[o:Sass::Tree::MixinNode:@children[ ;{ :@keywords{ :
@args[o; 	;{ ;"panel-border-radius;"panel_border_radius;	i;"border-radius;	io;;[ ;i ;@;["-webkit-box-shadow;;;o:Sass::Script::List	;{ :@separator:
space;[	o:Sass::Script::Funcall
;@:@keywords{ :
@args[	o:Sass::Script::Number:@original"0;@:@denominator_units[ :@numerator_units[ ;i ;	io;;"0;@;@!;[ ;i ;	io;;"0;@;@!;[ ;i ;	io;;"0.8;@;@!;[ ;f0.80000000000000004 ;	i;"	rgba;	io;;"0;@;@!;[ ;i ;	io;;"
0.2em;@;[ ;["em;f0.20000000000000001 ;	io;;"
0.6em;@;[ ;["em;f0.59999999999999998 33;	i;	i;	io:Sass::Tree::MixinNode;[ ;@;{ ;[o;
;{ ;{ ;[o; 	;@B;"base-color;"base_color;	io;;"40%;@B;[ ;["%;i-;	i;"darken;	io;	;@B;"	flat;	i;:string;"background-gradient;	io;
;T;[o; ;[ ;@;{ ;[o; 	;{ ;"base-color;"base_color;	io;	;@X;"	flat;	i;;!;"background-gradient;	i;i ;@:
@rule["&.x-floating-light:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename" :@members[o:Sass::Selector::Sequence;&[o:#Sass::Selector::SimpleSequence;%@a;&[o:Sass::Selector::Parent;%@a;	io:Sass::Selector::Class;["x-floating-light;%@a;	i;	i;	i;	io;
;T;[o;;[ ;i ;@;["background-color;;;o;;"	#fff;;;	i!u;[o:Sass::Script::Variable	:@options{ :
@name"include-border-radius:@underscored_name"include_border_radius:
@linei"0[o:Sass::Tree::MixinNode:@children[ ;{ :@keywords{ :
@args[o; 	;{ ;"panel-border-radius;"panel_border_radius;	i";"border_radius;	i";i ;@;"[":> .x-panel-inner,
      .x-scroll-view,
      .x-body;#o;$;%" ;&[o;';&[">o;(;%@w;&[o;*;["x-panel-inner;%@w;	i ;	i o;';&["
o;(;%@w;&[o;*;["x-scroll-view;%@w;	i ;	i o;';&["
o;(;%@w;&[o;*;["x-body;%@w;	i ;	i ;	i ;	i ;i ;@;"["J.x-panel.x-floating,
    .x-msgbox.x-floating,
    .x-form.x-floating;#o;$;%" ;&[o;';&[o;(;%@;&[o;*;["x-panel;%@;	io;*;["x-floating;%@;	i;	io;';&["
o;(;%@;&[o;*;["x-msgbox;%@;	io;*;["x-floating;%@;	i;	io;';&["
o;(;%@;&[o;*;["x-form;%@;	io;*;["x-floating;%@;	i;	i;	i;	io:Sass::Tree::VariableNode:
@expro;;"
0.7em;{ ;[ ;["em;f0.69999999999999996 ff;	i&;[ ;@;"anchor-height:@guarded0;	i&o;+;,o:Sass::Script::Operation
:@operand2o;;"	2.33;{ ;@!;[ ;f2.3300000000000001 pĪ;	i';@ŋ:@operand1o; 	;@ŋ;"anchor-height;"anchor_height;	i':@operator:
times;	i';[ ;@;"anchor-width;-0;	i'o;+;,o;;"
0.1em;{ ;[ ;["em;f0.10000000000000001 ;	i(;[ ;@;"anchor-offset;-0;	i(o;
;T;[o;;[ ;i ;@;["
width;;;o; 	;{ ;"anchor-width;"anchor_width;	i+;	i+o;;[ ;i ;@;["height;;;o; 	;{ ;"anchor-height;"anchor_height;	i,;	i,o;;[ ;i ;@;["position;;;o;;"absolute;;;	i-o;;[ ;i ;@;["	left;;;o;;"0;;;	i.o;;[ ;i ;@;["top;;;o;;"0;;;	i/o;;[ ;i ;@;["z-index;;;o;;"1;;;	i0o;;[ ;i ;@;["-webkit-mask;;;o;	;{ ;;;[	o;;"0;@ ;@!;[ ;i ;	i1o;;"0;@ ;@!;[ ;i ;	i1o;
;@ ;{ ;[o; 	;@ ;"theme-name;"theme_name;	i1o;	;@ ;"tip_horizontal.png;	i1;;!;"theme_image;	i1o;	;@ ;"no-repeat;	i1;;;	i1;	i1o;;[ ;i ;@;["-webkit-mask-size;;;o;	;{ ;;;[o; 	;@;"anchor-width;"anchor_width;	i2o; 	;@;"anchor-height;"anchor_height;	i2;	i2;	i2o;;[ ;i ;@;["overflow;;;o;;"hidden;;;	i3o;;[ ;i ;@;["background-color;;;o;
;{ ;{ ;[o; 	;@+;"base-color;"base_color;	i4o;;"40%;@+;[ ;["%;i-;	i4;"darken;	i4;	i4o;;[ ;i ;@;["-webkit-transform-origin;;;o;;"
0% 0%;;;	i5o;
;T;[o;;[ ;i ;@;["margin-left;;;o:!Sass::Script::UnaryOperation	;{ :@operando;.
;/o;;"2;@D;@!;[ ;i;	i8;@D;0o; 	;@D;"anchor-width;"anchor_width;	i8;1:div;	i8;1:
minus;	i8;	i8o;;[ ;i ;@;["margin-top;;;o;3	;{ ;4o; 	;@Q;"anchor-height;"anchor_height;	i9;1;6;	i9;	i9;i ;@;"["&.x-anchor-top;#o;$;%" ;&[o;';&[o;(;%@X;&[o;);%@X;	i7o;*;["x-anchor-top;%@X;	i7;	i7;	i7;	i7o;
;T;[o;;[ ;i ;@;["-webkit-transform;;;o;
;{ ;{ ;[o;;"180deg;@i;[ ;["deg;iī;	i=;"rotate;	i=;	i=o;;[ ;i ;@;["margin-left;;;o;.
;/o;;"2;{ ;@!;[ ;i;	i>;@y;0o; 	;@y;"anchor-width;"anchor_width;	i>;1;5;	i>;	i>o;;[ ;i ;@;["margin-top;;;o;.
;/o; 	;{ ;"anchor-offset;"anchor_offset;	i?;@;0o; 	;@;"anchor-height;"anchor_height;	i?;1;6;	i?;	i?;i ;@;"["&.x-anchor-bottom;#o;$;%" ;&[o;';&[o;(;%@;&[o;);%@;	i<o;*;["x-anchor-bottom;%@;	i<;	i<;	i<;	i<o;
;T;[o;;[ ;i ;@;["-webkit-transform;;;o;
;{ ;{ ;[o;;"270deg;@;[ ;["deg;i;	iC;"rotate;	iC;	iCo;;[ ;i ;@;["margin-left;;;o;3	;{ ;4o; 	;@Ž;"anchor-height;"anchor_height;	iD;1;6;	iD;	iDo;;[ ;i ;@;["margin-top;;;o;3	;{ ;4o; 	;@ĩ;"anchor-offset;"anchor_offset;	iE;1;6;	iE;	iE;i ;@;"["&.x-anchor-left;#o;$;%" ;&[o;';&[o;(;%@ž;&[o;);%@ž;	iBo;*;["x-anchor-left;%@ž;	iB;	iB;	iB;	iBo;
;T;[o;;[ ;i ;@;["-webkit-transform;;;o;
;{ ;{ ;[o;;"
90deg;@Í;[ ;["deg;i_;	iI;"rotate;	iI;	iIo;;[ ;i ;@;["margin-left;;;o; 	;{ ;"anchor-height;"anchor_height;	iJ;	iJo;;[ ;i ;@;["margin-top;;;o;;"0;;;	iK;i ;@;"["&.x-anchor-right;#o;$;%" ;&[o;';&[o;(;%@į;&[o;);%@į;	iHo;*;["x-anchor-right;%@į;	iH;	iH;	iH;	iH;i ;@;"[".x-anchor;#o;$;%" ;&[o;';&[o;(;%@ô;&[o;*;["x-anchor;%@ô;	i*;	i*;	i*;	i*o;
;T;[o;
;T;[o;;[ ;i ;@;["background-color;;;o; 	;{ ;"base-color;"base_color;	iP;	iP;i ;@;"["&:after;#o;$;%" ;&[o;';&[o;(;%@;&[o;);%@;	iOo:Sass::Selector::Pseudo
:	@arg0;["
after;%@;	iO;:
class;	iO;	iO;	iO;i ;@;"[".x-floating.x-panel-light;#o;$;%" ;&[o;';&[o;(;%@;&[o;*;["x-floating;%@;	iNo;*;["x-panel-light;%@;	iN;	iN;	iN;	iN;
@
:
@args[[o:Sass::Script::Variable;
{ ;"include-floating:@underscored_name"include_floatingo;)	;
@?;"include-floating-panels;*"include_floating_panels;i
;"sencha-panel;i
;
@
;i;"Ë@import '../global';

$panel-border-radius: .3em;

@mixin sencha-panel($include-floating: $include-floating-panels) {
  .x-panel,
  .x-msgbox,
  .x-panel-body {
    position: relative;
  }

  @if $include-floating {
    .x-panel.x-floating,
    .x-msgbox.x-floating,
    .x-form.x-floating {
      padding: 6px;
      @if $include-border-radius { @include border-radius($panel-border-radius); }
      -webkit-box-shadow: rgba(0,0,0,.8) 0 .2em .6em;
      @include background-gradient(darken($base-color, 40%), 'flat');

      &.x-floating-light {
        @include background-gradient($base-color, 'flat');
      }

      > .x-panel-inner,
      .x-scroll-view,
      .x-body {
        background-color: #fff;
        @if $include-border-radius { @include border_radius($panel-border-radius); }
      }
    }

    $anchor-height: .7em;
    $anchor-width: $anchor-height*2.33;
    $anchor-offset: 0.1em;

    .x-anchor {
      width: $anchor-width;
      height: $anchor-height;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      -webkit-mask: 0 0 theme_image($theme-name, "tip_horizontal.png") no-repeat;
      -webkit-mask-size: $anchor-width $anchor-height;
      overflow: hidden;
      background-color: darken($base-color, 40%);
      -webkit-transform-origin: 0% 0%;

      &.x-anchor-top {
        margin-left: -($anchor-width / 2);
        margin-top: -$anchor-height;
      }

      &.x-anchor-bottom {
        -webkit-transform: rotate(180deg);
        margin-left: $anchor-width / 2;
        margin-top: $anchor-height - $anchor-offset;
      }

      &.x-anchor-left {
          -webkit-transform: rotate(270deg);
          margin-left: -$anchor-height;
          margin-top: -$anchor-offset;
      }

      &.x-anchor-right {
          -webkit-transform: rotate(90deg);
          margin-left: $anchor-height;
          margin-top: 0;
      }
    }
    .x-floating.x-panel-light {
      &:after {
        background-color: $base-color;
      }
    }
  }
}
