3.1.2 (Brainy Betty)
bf62a7a32a121bd7a7c5b7c20e4604db9ee39dd7
o:Sass::Tree::RootNode
:@has_childrenT:@children[o:Sass::Tree::CommentNode;[ :
@loud0:@options{ :@silenti :@value"ƒ/* Toolbar icons used with permission from Drew Wilson
 * http://pictos.drewwilson.com/
 * Pictos icons are (c) 2010 Drew Wilson */:
@linei:@lines[ o:Sass::Tree::ImportNode
;[ ;
@	:@imported_filename"../global;i
:@template0o;;[ ;	0;
@	;0;"!/**
 * @class Ext.Button
 */;i;[ o;;[ ;	0;
@	;0;"M/**
 * @var {measurement} $button-height Default height for buttons.
 */;i;[ o:Sass::Tree::VariableNode;[ ;
@	:@guarded0:
@name"button-height:
@expro:Sass::Script::Number:@denominator_units[ ;
{ :@numerator_units["em:@original"
1.8em;f1.8 ÌÍ;i;io;;[ ;	0;
@	;0;"T/**
 * @var {measurement} $button-radius Default border-radius for buttons.
 */;i;[ o;;[ ;
@	;"!default;"button-radius;o;;[ ;
{ ;["em;"
0.4em;f0.40000000000000002 ™š;i;io;;[ ;	0;
@	;0;"Z/**
 * @var {measurement} $button-stroke-weight Default border width for buttons.
 */;i;[ o;;[ ;
@	;"!default;"button-stroke-weight;o;;[ ;
{ ;["em;"
0.1em;f0.10000000000000001 ™š;i;io;;[ ;	0;
@	;0;"L/**
 * @var {string} $button-gradient Default gradient for buttons.
 */;i;[ o;;[ ;
@	;"!default;"button-gradient;o:Sass::Script::Variable	;
{ ;"base-gradient:@underscored_name"base_gradient;i";i"o;;[ ;	0;
@	;0;"c/**
 * @var {string} $toolbar-icon-size Default size (width and height) for toolbar icons.
 */;i$;[ o;;[ ;
@	;"!default;"toolbar-icon-size;o;;[ ;
{ ;["em;"
1.4em;f1.3999999999999999 ff;i';i'o;;[ ;	0;
@	;0;"}/**
 * @var {boolean} $include-button-uis Optionally disable separate button UIs, including action, confirm, and decline.
 */;i);[ o;;[ ;
@	;"!default;"include-button-uis;o;	;
{ ;"include-default-uis;"include_default_uis;i,;i,o;;[ ;	0;
@	;0;"›/**
 * @var {boolean} $include-button-highlights Optionally disable special CSS3 effects on buttons including gradients, text-shadows, and box-shadows.
 */;i.;[ o;;[ ;
@	;"!default;"include-button-highlights;o;	;
{ ;"include-highlights;"include_highlights;i1;i1o;;[ ;	0;
@	;0;"//**
 * Includes default button styles.
 */;i4;[ o:Sass::Tree::MixinDefNode;T;[/o;;[ ;	0;
@	;i ;"/* Basic button style */;i8;[ o:Sass::Tree::RuleNode;T;[o:Sass::Tree::MixinNode;[ ;
@	:
@args[o:Sass::Script::String	;
{ ;"padding-box;i::
@type:identifier;"background-clip;i::@keywords{ 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[ ;{ :
@args[o; 	;{ ;"button-radius;"button_radius;	i;;"border-radius;	i;:@keywords{ o;;[ ;
@	;[ ;"display-box;i<;#{ o;;[ ;
@	;[o; 	;
{ ;"center;i=;!;";"box-align;i=;#{ o;;[ ;
@	;[o:Sass::Script::Color	;
{ :@attrs{	:rediÌ:
alphai:
greeniÌ:	blueiÌ;0;i>o;	;
@“;"button-gradient;"button_gradient;i>;"toolbar-button;i>;#{ o:Sass::Tree::PropNode;[ :
@tabsi ;
@	:@prop_syntax:new;["min-height;o;	;
{ ;"button-height;"button_height;i?;i?o;;[ ;	0;
@	;i ;"9/* Why was this !important? Breaks small uis - DK */;i?;[ o;+;[ ;,i ;
@	;-;.;["padding;o; ;".3em .6em;!;";i@o;+;[ ;,i ;
@	;-;.;["position;o; ;"relative;!;";iAo;+;[ ;,i ;
@	;-;.;["overflow;o; ;"hidden;!;";iBo;+;[ ;,i ;
@	;-;.;["-webkit-user-select;o; ;"	none;!;";iCo;;[ ;	0;
@	;i ;"/* Default icon style */;iE;[ o;;T;[o;+;[ ;,i ;
@	;-;.;["
width;o; ;"
2.1em;!;";iGo;+;[ ;,i ;
@	;-;.;["height;o; ;"
2.1em;!;";iHo;+;[ ;,i ;
@	;-;.;["background-repeat;o; ;"no-repeat;!;";iIo;+;[ ;,i ;
@	;-;.;["background-position;o; ;"center;!;";iJo;+;[ ;,i ;
@	;-;.;["display;o; ;"
block;!;";iKo;;T;[o;+;[ ;,i ;
@	;-;.;["
width;o; ;"
1.3em;!;";iNo;+;[ ;,i ;
@	;-;.;["height;o; ;"
1.3em;!;";iOo;+;[ ;,i ;
@	;-;.;["-webkit-mask-size;o; ;"
1.3em;!;";iP;,i ;
@	:
@rule["&.x-icon-mask:@parsed_ruleso:"Sass::Selector::CommaSequence:@members[o:Sass::Selector::Sequence;2[o:#Sass::Selector::SimpleSequence;2[o:Sass::Selector::Parent:@filename" ;iMo:Sass::Selector::Class;["x-icon-mask;6@ÿ;iM;6@ÿ;iM;6@ÿ;iM;iM;,i ;
@	;/[".x-button-icon;0o;1;2[o;3;2[o;4;2[o;7;["x-button-icon;6" ;iF;6@;iF;6@;iF;iFo;;T;[o;+;[ ;,i ;
@	;-;.;["opacity;o; ;".5;!;";iU;,i ;
@	;/["H&.x-item-disabled .x-button-label, &.x-item-disabled .x-button-icon;0o;1;2[o;3;2[o;4;2[o;5;6" ;iTo;7;["x-item-disabled;6@ ;iT;6@ ;iTo;4;2[o;7;["x-button-label;6@ ;iT;6@ ;iTo;3;2[o;4;2[o;5;6@ ;iTo;7;["x-item-disabled;6@ ;iT;6@ ;iTo;4;2[o;7;["x-button-icon;6@ ;iT;6@ ;iT;6@ ;iT;iT;,i ;
@	;/[".x-button;0o;1;2[o;3;2[o;4;2[o;7;["x-button;6" ;i9;6@A;i9;6@A;i9;i9o;;T;[u;$¬[o:Sass::Script::Variable	:@options{ :
@name"include-border-radius:@underscored_name"include_border_radius:
@lineiZ0[o:Sass::Tree::MixinNode:@children[ ;{ :
@args[o:Sass::Script::Operation
:@operand1o; 	;{ ;"button-height;"button_height;	iZ;@:@operator:div:@operand2o:Sass::Script::Number:@denominator_units[ ;@:@numerator_units[ :@original"2:@valuei;	iZ;	iZ;"border-radius;	iZ:@keywords{ o;+;[ ;,i ;
@	;-;.;["padding;o:Sass::Script::List	;
{ :@separator:
space;[o;;[ ;
@J;["em;"
0.1em;f0.10000000000000001 ™š;i[o:Sass::Script::Operation
:@operand1o;	;
@J;"button-height;"button_height;i[;
@J:@operator:div:@operand2o;;[ ;
@J;[ ;"2;i;i[;i[;i[;i[;,i ;
@	;/[".x-button-round;0o;1;2[o;3;2[o;4;2[o;7;["x-button-round;6" ;iY;6@e;iY;6@e;iY;iYo;;[ ;	0;
@	;i ;" /* Button icon alignment */;i^;[ o;;T;[o;;[ ;
@	;[o; 	;
{ ;"horizontal;i`;!;";"box-orient;i`;#{ ;,i ;
@	;/["+.x-iconalign-left, .x-icon-align-right;0o;1;2[o;3;2[o;4;2[o;7;["x-iconalign-left;6" ;i_;6@;i_o;3;2[o;4;2[o;7;["x-icon-align-right;6@;i_;6@;i_;6@;i_;i_o;;T;[o;;[ ;
@	;[o; 	;
{ ;"vertical;ic;!;";"box-orient;ic;#{ ;,i ;
@	;/["*.x-iconalign-top, .x-iconalign-bottom;0o;1;2[o;3;2[o;4;2[o;7;["x-iconalign-top;6" ;ib;6@œ;ibo;3;2[o;4;2[o;7;["x-iconalign-bottom;6@œ;ib;6@œ;ib;6@œ;ib;ibo;;T;[o;;[ ;
@	;[o; 	;
{ ;"reverse;if;!;";"box-direction;if;#{ ;,i ;
@	;/[",.x-iconalign-bottom, .x-iconalign-right;0o;1;2[o;3;2[o;4;2[o;7;["x-iconalign-bottom;6" ;ie;6@¹;ieo;3;2[o;4;2[o;7;["x-iconalign-right;6@¹;ie;6@¹;ie;6@¹;ie;ieo;;T;[o;;[ ;
@	;[o; 	;
{ ;"center;ii;!;";"box-pack;ii;#{ ;,i ;
@	;/[".x-iconalign-center;0o;1;2[o;3;2[o;4;2[o;7;["x-iconalign-center;6" ;ih;6@Ö;ih;6@Ö;ih;iho;;T;[o;+;[ ;,i ;
@	;-;.;["margin-left;o;;
;<o;	;
{ ;"toolbar-spacing;"toolbar_spacing;il;
@ß;=:
times;?o;;@W;
@ß;[ ;"1.5;f1.5;il;il;il;,i ;
@	;/["&.x-iconalign-left .x-button-label;0o;1;2[o;3;2[o;4;2[o;7;["x-iconalign-left;6" ;ik;6@ñ;iko;4;2[o;7;["x-button-label;6@ñ;ik;6@ñ;ik;6@ñ;ik;iko;;T;[o;+;[ ;,i ;
@	;-;.;["margin-right;o;;
;<o;	;
{ ;"toolbar-spacing;"toolbar_spacing;io;
@ÿ;=;@;?o;;@W;
@ÿ;[ ;"1.5;f1.5;io;io;io;,i ;
@	;/["'.x-iconalign-right .x-button-label;0o;1;2[o;3;2[o;4;2[o;7;["x-iconalign-right;6" ;in;6@;ino;4;2[o;7;["x-button-label;6@;in;6@;in;6@;in;ino;;T;[o;+;[ ;,i ;
@	;-;.;["margin-top;o;;
;<o;	;
{ ;"toolbar-spacing;"toolbar_spacing;ir;
@;=;@;?o;;@W;
@;[ ;"1.5;f1.5;ir;ir;ir;,i ;
@	;/["%.x-iconalign-top .x-button-label;0o;1;2[o;3;2[o;4;2[o;7;["x-iconalign-top;6" ;iq;6@1;iqo;4;2[o;7;["x-button-label;6@1;iq;6@1;iq;6@1;iq;iqo;;T;[o;+;[ ;,i ;
@	;-;.;["margin-bottom;o;;
;<o;	;
{ ;"toolbar-spacing;"toolbar_spacing;iu;
@?;=;@;?o;;@W;
@?;[ ;"1.5;f1.5;iu;iu;iu;,i ;
@	;/["(.x-iconalign-bottom .x-button-label;0o;1;2[o;3;2[o;4;2[o;7;["x-iconalign-bottom;6" ;it;6@Q;ito;4;2[o;7;["x-button-label;6@Q;it;6@Q;it;6@Q;it;ito;;[ ;	0;
@	;i ;"/* Button labels */;ix;[ o;;T;[o;;[ ;
@	;[o;;@W;
{ ;[ ;"1;i;iz;"box-flex;iz;#{ o;;[ ;
@	;[o; 	;
{ ;"center;i{;!;";"box-align;i{;#{ o;+;[ ;,i ;
@	;-;.;["white-space;o; ;"nowrap;!;";i|o;+;[ ;,i ;
@	;-;.;["text-overflow;o; ;"ellipsis;!;";i}o;+;[ ;,i ;
@	;-;.;["text-align;o; ;"center;!;";i~o;+;[ ;,i ;
@	;-;.;["font-weight;o; ;"	bold;!;";io;+;[ ;,i ;
@	;-;.;["line-height;o; ;"
1.2em;!;";i{o;+;[ ;,i ;
@	;-;.;["display;o; ;"
block;!;";i|o;+;[ ;,i ;
@	;-;.;["overflow;o; ;"hidden;!;";i};,i ;
@	;/[".x-button-label;0o;1;2[o;3;2[o;4;2[o;7;["x-button-label;6" ;iy;6@£;iy;6@£;iy;iyo;;[ ;	0;
@	;i ;"!/* Toolbar button styling */;i€;[ o;;T;[o;+;[ ;,i ;
@	;-;.;["margin;o; ;"0 .2em;!;";i‚o;+;[ ;,i ;
@	;-;.;["padding;o; ;".3em .6em;!;";iƒo;;T;[o;+;[ ;,i ;
@	;-;.;["font-size;o; ;"	.7em;!;";i†;,i ;
@	;/[".x-button-label;0o;1;2[o;3;2[o;4;2[o;7;["x-button-label;6" ;i…;6@É;i…;6@É;i…;i…;,i ;
@	;/[".x-toolbar .x-button;0o;1;2[o;3;2[o;4;2[o;7;["x-toolbar;6" ;i;6@Õ;io;4;2[o;7;["x-button;6@Õ;i;6@Õ;i;6@Õ;i;io;;T;[
u;$V[o:Sass::Script::Variable	:@options{ :
@name"include-border-radius:@underscored_name"include_border_radius:
@linei‹0[o:Sass::Tree::MixinNode:@children[ ;{ :
@args[o:Sass::Script::Number:@denominator_units[ ;{ :@numerator_units["em:@original"
0.3em:@valuef0.29999999999999999 33;	i‹;"border-radius;	i‹:@keywords{ o;+;[ ;,i ;
@	;-;.;["padding;o; ;".2em .4em;!;";iŒo;+;[ ;,i ;
@	;-;.;["min-height;o; ;"0;!;";io;;T;[o;+;[ ;,i ;
@	;-;.;["font-size;o; ;"	.6em;!;";i;,i ;
@	;/[".x-button-label;0o;1;2[o;3;2[o;4;2[o;7;["x-button-label;6" ;i;6@ý;i;6@ý;i;io;;T;[o;+;[ ;,i ;
@	;-;.;["
width;o; ;"
.75em;!;";i”o;+;[ ;,i ;
@	;-;.;["height;o; ;"
.75em;!;";i•;,i ;
@	;/[".x-button-icon;0o;1;2[o;3;2[o;4;2[o;7;["x-button-icon;6" ;i“;6@;i“;6@;i“;i“;,i ;
@	;/["0.x-button-small, .x-toolbar .x-button-small;0o;1;2[o;3;2[o;4;2[o;7;["x-button-small;6" ;iŠ;6@#;iŠo;3;2[o;4;2[o;7;["x-toolbar;6@#;iŠ;6@#;iŠo;4;2[o;7;["x-button-small;6@#;iŠ;6@#;iŠ;6@#;iŠ;iŠo;;[ ;	0;
@	;i ;"/* Back/Forward buttons */;i™;[ o;;[ ;
@	;0;"shadow-width;o;;[ ;
{ ;["em;"0.065em;f0.065000000000000002 p¤;iš;išo;;[ ;	0;
@	;i ;"+/* Space between tip and its shadow */;iš;[ o;;[ ;
@	;0;"overlap-width;o;;[ ;
{ ;["em;"
0.2em;f0.20000000000000001 ™š;i›;i›o;;[ ;	0;
@	;i ;"&/* how far the mask is clipped */;i›;[ o;;[ ;	0;
@	;i ;"m/* $mask-height: $button-height + $button-stroke-weight * 2; // Ugh, this is non-specific... borders? */;i;[ o;;[ ;
@	;0;"mask-height;o;	;
{ ;"button-height;"button_height;iž;ižo;;[ ;
@	;0;"mask-width;o;;
;<o;	;
{ ;"mask-height;"mask_height;iŸ;
@`;=;>;?o;;@W;
@`;[ ;"	2.33;f2.3300000000000001 p¤;iŸ;iŸ;iŸo;;[ ;
@	;0;"mask-offset;o;;
;<o;;
;<o;;
;<o;;
;<o;	;
{ ;"button-radius;"button_radius;i¡;
@o;=:
minus;?o;	;
@o;"overlap-width;"overlap_width;i¡;i¡;
@o;=;A;?o;	;
@o;"button-stroke-weight;"button_stroke_weight;i¡;i¡;
@o;=:	plus;?o;	;
@o;"shadow-width;"shadow_width;i¡;i¡;
@o;=;A;?o;;[ ;
@o;["em;"0.02em;f0.02 {;i¡;i¡;i¡o;;[ ;
@	;0;"tip-width;o;;
;<o;;
;<o;	;
{ ;"mask-width;"mask_width;i£;
@‡;=;A;?o;	;
@‡;"mask-offset;"mask_offset;i£;i£;
@‡;=;B;?o;	;
@‡;"shadow-width;"shadow_width;i£;i£;i£o;;T;[
o;+;[ ;,i ;
@	;-;.;["position;o; ;"relative;!;";i¦o;+;[ ;,i ;
@	;-;.;["overflow;o; ;"visible;!;";i§o;+;[ ;,i ;
@	;-;.;["height;o;	;
{ ;"button-height;"button_height;i¨;i¨o;+;[ ;,i ;
@	;-;.;["z-index;o; ;"1;!;";i©o;;T;[
o;;[ ;
@	;[	o;	;
{ ;"mask-width;"mask_width;i«o;	;
@²;"mask-height;"mask_height;i«o:!Sass::Script::UnaryOperation	:@operando;	;
@²;"button-stroke-weight;"button_stroke_weight;i«;
@²;=;A;i«o; 	;
@²;"	auto;i«;!;";"insertion;i«;#{ o;+;[ ;,i ;
@	;-;.;["z-index;o; ;"2;!;";i¬o;+;[ ;,i ;
@	;-;.;["-webkit-mask;o;8	;
{ ;9;:;[	o;	;
@Ë;"mask-offset;"mask_offset;i­o;;@W;
@Ë;[ ;"0;i ;i­o:Sass::Script::Funcall
;
@Ë;[o;	;
@Ë;"theme-name;"theme_name;i­o; 	;
@Ë;"tip.png;i­;!:string;"theme_image;i­;#{ o; 	;
@Ë;"no-repeat;i­;!;";i­;i­o;+;[ ;,i ;
@	;-;.;["-webkit-mask-size;o;8	;
{ ;9;:;[o;	;
@ã;"mask-width;"mask_width;i®o;	;
@ã;"mask-height;"mask_height;i®;i®;i®o;+;[ ;,i ;
@	;-;.;["overflow;o; ;"hidden;!;";i¯;,i ;
@	;/["&:before, &:after;0o;1;2[o;3;2[o;4;2[o;5;6" ;iªo:Sass::Selector::Pseudo
;["before;6@ú:	@arg0;iª;!:
class;6@ú;iªo;3;2[o;4;2[o;5;6@ú;iªo;G
;["
after;6@ú;H0;iª;!;I;6@ú;iª;6@ú;iª;iª;,i ;
@	;/["&.x-button-forward, .x-button-back;0o;1;2[o;3;2[o;4;2[o;7;["x-button-forward;6" ;i¥;6@;i¥o;3;2[o;4;2[o;7;["x-button-back;6@;i¥;6@;i¥;6@;i¥;i¥o;;T;[	o;+;[ ;,i ;
@	;-;.;["margin-left;o;;
;<o;;
;<o;	;
{ ;"tip-width;"tip_width;iµ;
@";=;A;?o;	;
@";"shadow-width;"shadow_width;iµ;iµ;
@";=;B;?o;	;
@";"toolbar-spacing;"toolbar_spacing;iµ;iµ;iµo;+;[ ;,i ;
@	;-;.;["padding-left;o; ;"	.4em;!;";i¶o;;T;[o;+;[ ;,i ;
@	;-;.;["	left;o;C	;Do;	;
{ ;"tip-width;"tip_width;i¸;
@9;=;A;i¸;i¸;,i ;
@	;/["&:before;0o;1;2[o;3;2[o;4;2[o;5;6" ;i·o;G
;["before;6@E;H0;i·;!;I;6@E;i·;6@E;i·;i·o;;T;[o;+;[ ;,i ;
@	;-;.;["	left;o;;
;<o;C	;Do;	;
{ ;"tip-width;"tip_width;i»;
@R;=;A;i»;
@R;=;B;?o;	;
@R;"shadow-width;"shadow_width;i»;i»;i»;,i ;
@	;/["&:after;0o;1;2[o;3;2[o;4;2[o;5;6" ;iºo;G
;["
after;6@a;H0;iº;!;I;6@a;iº;6@a;iº;iº;,i ;
@	;/["0.x-button-back,
  .x-toolbar .x-button-back;0o;1;2[o;3;2[o;4;2[o;7;["x-button-back;6" ;i´;6@p;i´o;3;2["
o;4;2[o;7;["x-toolbar;6@p;i´;6@p;i´o;4;2[o;7;["x-button-back;6@p;i´;6@p;i´;6@p;i´;i´o;;T;[
o;+;[ ;,i ;
@	;-;.;["margin-right;o;;
;<o;;
;<o;	;
{ ;"tip-width;"tip_width;iÁ;
@‡;=;A;?o;	;
@‡;"shadow-width;"shadow_width;iÁ;iÁ;
@‡;=;B;?o;	;
@‡;"toolbar-spacing;"toolbar_spacing;iÁ;iÁ;iÁo;+;[ ;,i ;
@	;-;.;["padding-right;o; ;"	.4em;!;";iÂo;;T;[o;+;[ ;,i ;
@	;-;.;["-webkit-mask;o;8	;
{ ;9;:;[	o;C	;Do;	;
@;"mask-offset;"mask_offset;iÄ;
@;=;A;iÄo;;@W;
@;[ ;"0;i ;iÄo;E
;
@;[o;	;
@;"theme-name;"theme_name;iÄo; 	;
@;"tip_right.png;iÄ;!;F;"theme_image;iÄ;#{ o; 	;
@;"no-repeat;iÄ;!;";iÄ;iÄ;,i ;
@	;/["&:before, &:after;0o;1;2[o;3;2[o;4;2[o;5;6" ;iÃo;G
;["before;6@º;H0;iÃ;!;I;6@º;iÃo;3;2[o;4;2[o;5;6@º;iÃo;G
;["
after;6@º;H0;iÃ;!;I;6@º;iÃ;6@º;iÃ;iÃo;;T;[o;+;[ ;,i ;
@	;-;.;["
right;o;C	;Do;	;
{ ;"tip-width;"tip_width;iÇ;
@Î;=;A;iÇ;iÇ;,i ;
@	;/["&:before;0o;1;2[o;3;2[o;4;2[o;5;6" ;iÆo;G
;["before;6@Ú;H0;iÆ;!;I;6@Ú;iÆ;6@Ú;iÆ;iÆo;;T;[o;+;[ ;,i ;
@	;-;.;["
right;o;;
;<o;C	;Do;	;
{ ;"tip-width;"tip_width;iÊ;
@ç;=;A;iÊ;
@ç;=;B;?o;	;
@ç;"shadow-width;"shadow_width;iÊ;iÊ;iÊ;,i ;
@	;/["&:after;0o;1;2[o;3;2[o;4;2[o;5;6" ;iÉo;G
;["
after;6@ö;H0;iÉ;!;I;6@ö;iÉ;6@ö;iÉ;iÉ;,i ;
@	;/["6.x-button-forward,
  .x-toolbar .x-button-forward;0o;1;2[o;3;2[o;4;2[o;7;["x-button-forward;6" ;iÀ;6@;iÀo;3;2["
o;4;2[o;7;["x-toolbar;6@;iÀ;6@;iÀo;4;2[o;7;["x-button-forward;6@;iÀ;6@;iÀ;6@;iÀ;iÀo;;[ ;	0;
@	;i ;"k/* Plain buttons automatically use a margin trick to have a
 * wide gradial glow for pressed state. */;iÎ;[ o;;T;[o;+;[ ;,i ;
@	;-;.;["background;o; ;"	none;!;";iÒo;+;[ ;,i ;
@	;-;.;["border;o; ;"0 none;!;";iÓu;$[o:Sass::Script::Variable	:@options{ :
@name"include-border-radius:@underscored_name"include_border_radius:
@lineiÔ0[o:Sass::Tree::MixinNode:@children[ ;{ :
@args[o:Sass::Script::String	;{ :@value"	none;	iÔ:
@type:identifier;"border-radius;	iÔ:@keywords{ o;+;[ ;,i ;
@	;-;.;["min-height;o; ;"0;!;";iÕo;+;[ ;,i ;
@	;-;.;["text-shadow;o; ;"	none;!;";iÖo;+;[ ;,i ;
@	;-;.;["line-height;o; ;"	auto;!;";i×o;+;[ ;,i ;
@	;-;.;["height;o; ;"
1.9em;!;";iØo;+;[ ;,i ;
@	;-;.;["padding;o; ;"0em 0.5em;!;";iÙo;;T;[o;+;[ ;,i ;
@	;-;.;["overflow;o; ;"visible;!;";iÜ;,i ;
@	;/["
& > *;0o;1;2[o;3;2[o;4;2[o;5;6" ;iÛ;6@U;iÛ">o;4;2[o:Sass::Selector::Universal:@namespace0;6@U;iÛ;6@U;iÛ;6@U;iÛ;iÛo;;T;[o;+;[ ;,i ;
@	;-;.;["-webkit-mask-size;o;	;
{ ;"toolbar-icon-size;"toolbar_icon_size;ià;iào;+;[ ;,i ;
@	;-;.;["
width;o;	;
{ ;"toolbar-icon-size;"toolbar_icon_size;iá;iáo;+;[ ;,i ;
@	;-;.;["height;o;	;
{ ;"toolbar-icon-size;"toolbar_icon_size;iâ;iâ;,i ;
@	;/[".x-button-icon;0o;1;2[o;3;2[o;4;2[o;7;["x-button-icon;6" ;iß;6@;iß;6@;iß;ißo;;T;[	o;+;[ ;,i ;
@	;-;.;["background;o; ;"	none;!;";iæo;;[ ;
@	;0;"mask-radial-glow;o;E
;
{ ;[o;	;
@Œ;"active-color;"active_color;ièo;;[ ;
@Œ;["%;"50%;i7;iè;"lighten;iè;#{ ;ièo;;[ ;
@	;[o;E
;
{ ;[o;E
;
@œ;[o;	;
@œ;"mask-radial-glow;"mask_radial_glow;iéo;;@W;
@œ;[ ;"0.3;f0.29999999999999999 33;ié;"fade-out;ié;#{ o;8	;
@œ;9;:;[o;E
;
@œ;[o;	;
@œ;"mask-radial-glow;"mask_radial_glow;iéo;;@W;
@œ;[ ;"1;i;ié;"fade-out;ié;#{ o;;[ ;
@œ;["px;"	24px;i;ié;ié;"radial-gradient;ié;#{ ;"background-image;ié;#{ o;;T;[o;;[ ;
@	;[o;%	;
{ ;&{	;'iÿ;(i;)iÿ;*iÿ;0;iëo; 	;
@Ä;"recessed;ië;!;F;"background-gradient;ië;#{ ;,i ;
@	;/["!.x-button-icon.x-button-mask;0o;1;2[o;3;2[o;4;2[o;7;["x-button-icon;6" ;iêo;7;["x-button-mask;6@Õ;iê;6@Õ;iê;6@Õ;iê;iê;,i ;
@	;/[",&.x-button-pressing, &.x-button-pressed;0o;1;2[o;3;2[o;4;2[o;5;6" ;iåo;7;["x-button-pressing;6@â;iå;6@â;iåo;3;2[o;4;2[o;5;6@â;iåo;7;["x-button-pressed;6@â;iå;6@â;iå;6@â;iå;iå;,i ;
@	;/["D.x-button.x-button-plain,
  .x-toolbar .x-button.x-button-plain;0o;1;2[o;3;2[o;4;2[o;7;["x-button;6" ;iÑo;7;["x-button-plain;6@ù;iÑ;6@ù;iÑo;3;2["
o;4;2[o;7;["x-toolbar;6@ù;iÑ;6@ù;iÑo;4;2[o;7;["x-button;6@ù;iÑo;7;["x-button-plain;6@ù;iÑ;6@ù;iÑ;6@ù;iÑ;iÑo;;[ ;	0;
@	;i ;"/* SegmentedButtons */;ið;[ o;;T;[o;+;[ ;,i ;
@	;-;.;["margin;o; ;"0;!;";iòu;$®[o:Sass::Script::Variable	:@options{ :
@name"include-border-radius:@underscored_name"include_border_radius:
@lineiô0[o:Sass::Tree::MixinNode:@children[ ;{ :
@args[o:Sass::Script::Number:@denominator_units[ ;{ :@numerator_units[ :@original"0:@valuei ;	iõ;"border-radius;	iõ:@keywords{ o:Sass::Tree::RuleNode:@has_childrenT;[o;
;[ ;@;[o; 	;{ ;"button-radius;"button_radius;	iø;"border-left-radius;	iø;{ :
@tabsi ;@:
@rule["&.x-first:@parsed_ruleso:"Sass::Selector::CommaSequence:@members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence;[o:Sass::Selector::Parent:@filename" ;	i÷o:Sass::Selector::Class;["x-first;@*;	i÷;@*;	i÷;@*;	i÷;	i÷o;;T;[o;
;[ ;@;[o; 	;{ ;"button-radius;"button_radius;	iû;"border-right-radius;	iû;{ ;i ;@;["&.x-last;o;;[o;;[o;;[o;;" ;	iúo;;["x-last;@B;	iú;@B;	iú;@B;	iú;	iúo;;T;[o;+;[ ;,i ;
@	;-;.;["border-left;o; ;"0;!;";i ;,i ;
@	;/["&:not(:first-child);0o;1;2[o;3;2[o;4;2[o;5;6" ;iÿo:(Sass::Selector::SelectorPseudoClass	:@selectoro;1;2[o;3;2[o;4;2[o;G;["first-child;H0;!;I;"not;6@+;iÿ;6@+;iÿ;6@+;iÿ;iÿ;,i ;
@	;/["!.x-segmentedbutton .x-button;0o;1;2[o;3;2[o;4;2[o;7;["x-segmentedbutton;6" ;iñ;6@B;iño;4;2[o;7;["x-button;6@B;iñ;6@B;iñ;6@B;iñ;iño;;[ ;	0;
@	;i ;"/* Badges */;i;[ o;;[ ;
@	;"!default;"badge-size;o;;[ ;
{ ;["em;"2em;i;i;io;;[ ;
@	;"!default;"badge-radius;o;;[ ;
{ ;["em;"
0.2em;f0.20000000000000001 ™š;i;io;;[ ;
@	;"!default;"badge-bg-color;o;E
;
{ ;[o;	;
@f;"alert-color;"alert_color;io;;[ ;
@f;["%;"10%;i;i;"darken;i;#{ ;io;;[ ;
@	;"!default;"badge-bg-gradient;o;	;
{ ;"base-gradient;"base_gradient;i;io;;T;[o;+;[ ;,i ;
@	;-;.;["overflow;o; ;"visible;!;";io;;T;[o:Sass::Tree::ExtendNode	;[ ;M["."x-button-label;
@	;io;;[ ;
@	;[o; 	;
{ ;"padding-box;i;!;";"background-clip;i;#{ u;$[o:Sass::Script::Variable	:@options{ :
@name"include-border-radius:@underscored_name"include_border_radius:
@linei0[o:Sass::Tree::MixinNode:@children[ ;{ :
@args[o; 	;{ ;"badge-radius;"badge_radius;	i;"border-radius;	i:@keywords{ o;+;[ ;,i ;
@	;-;.;["padding;o; ;".1em .3em;!;";io;+;[ ;,i ;
@	;-;.;["z-index;o; ;"2;!;";iu;$ú[o:Sass::Script::Variable	:@options{ :
@name"include-button-highlights:@underscored_name"include_button_highlights:
@linei0[o:Sass::Tree::MixinNode:@children[ ;{ :
@args[o; 	;{ ;"badge-bg-color;"badge_bg_color;	i;"bevel-by-background;	i:@keywords{ o;
;[ ;@;[o:Sass::Script::List	;{ :@separator:
space:@value[	o:Sass::Script::Funcall
;@;[o:Sass::Script::Color	;@:@attrs{	:redi :
alphai:
greeni :	bluei ;0;	io:Sass::Script::Number:@denominator_units[ ;@:@numerator_units[ :@original"0.5;f0.5;	i;"	rgba;	i;{ o;;@ ;@;[ ;"0;i ;	io;;[ ;@;["em;"
0.1em;f0.10000000000000001 ™š;	io;;[ ;@;["em;"
0.1em;f0.10000000000000001 ™š;	i;	i;"box-shadow;	i;{ o;+;[ ;,i ;
@	;-;.;["overflow;o; ;"hidden;!;";io;;[ ;
@	;[o;	;
{ ;"badge-bg-color;"badge_bg_color;i;"color-by-background;i;#{"contrasto;;[ ;
@©;["%;"50%;i7;io;+;[ ;,i ;
@	;-;.;["border;o;8	;
{ ;9;:;[o;;[ ;
@¹;["px;"1px;i;io; 	;
@¹;"
solid;i;!;"o;E
;
@¹;[o;	;
@¹;"badge-bg-color;"badge_bg_color;io;;[ ;
@¹;["%;"10%;i;i;"darken;i;#{ ;i;io;+;[ ;,i ;
@	;-;.;["position;o; ;"absolute;!;";io;+;[ ;,i ;
@	;-;.;["
width;o; ;"	auto;!;";io;+;[ ;,i ;
@	;-;.;["min-width;o;	;
{ ;"badge-size;"badge_size;i;io;+;[ ;,i ;
@	;-;.;["line-height;o; ;"
1.2em;!;";io;+;[ ;,i ;
@	;-;.;["font-size;o; ;"	.6em;!;";io;+;[ ;,i ;
@	;-;.;["
right;o; ;"0px;!;";io;+;[ ;,i ;
@	;-;.;["top;o;;[ ;
{ ;["em;"-0.2em;f-0.20000000000000001 ™š;i;io;+;[ ;,i ;
@	;-;.;["max-width;o; ;"95%;!;";i o;;[ ;
@	;[o;	;
{ ;"badge-bg-color;"badge_bg_color;i!o;	;
@	;"badge-bg-gradient;"badge_bg_gradient;i!;"background-gradient;i!;#{ o;+;[ ;,i ;
@	;-;.;["display;o; ;"inline-block;!;";i";,i ;
@	;/[".x-badge;0o;1;2[o;3;2[o;4;2[o;7;["x-badge;6" ;i;6@";i;6@";i;i;,i ;
@	;/[".x-hasbadge;0o;1;2[o;3;2[o;4;2[o;7;["x-hasbadge;6" ;i
;6@.;i
;6@.;i
;i
u;$ý[o:Sass::Script::Variable	:@options{ :
@name"include-default-icons:@underscored_name"include_default_icons:
@linei&0[o:Sass::Tree::MixinNode:@children[ ;{ :
@args[o:Sass::Script::String	;{ :@value"action;	i':
@type:string;"pictos-iconmask;	i':@keywords{ o;
;[ ;@;[o;	;{ ;"add;	i(;;;"pictos-iconmask;	i(;{ o;
;[ ;@;[o;	;{ ;"arrow_down;	i);;;"pictos-iconmask;	i);{ o;
;[ ;@;[o;	;{ ;"arrow_left;	i*;;;"pictos-iconmask;	i*;{ o;
;[ ;@;[o;	;{ ;"arrow_right;	i+;;;"pictos-iconmask;	i+;{ o;
;[ ;@;[o;	;{ ;"arrow_up;	i,;;;"pictos-iconmask;	i,;{ o;
;[ ;@;[o;	;{ ;"compose;	i-;;;"pictos-iconmask;	i-;{ o;
;[ ;@;[o;	;{ ;"delete;	i.;;;"pictos-iconmask;	i.;{ o;
;[ ;@;[o;	;{ ;"organize;	i/;;;"pictos-iconmask;	i/;{ o;
;[ ;@;[o;	;{ ;"refresh;	i0;;;"pictos-iconmask;	i0;{ o;
;[ ;@;[o;	;{ ;"
reply;	i1;;;"pictos-iconmask;	i1;{ o;
;[ ;@;[o;	;{ ;"search;	i2;;;"pictos-iconmask;	i2;{ o;
;[ ;@;[o;	;{ ;"settings;	i3;;;"pictos-iconmask;	i3;{ o;
;[ ;@;[o;	;{ ;"	star;	i4;;;"pictos-iconmask;	i4;{ o;
;[ ;@;[o;	;{ ;"
trash;	i5;;;"pictos-iconmask;	i5;{ o;
;[ ;@;[o;	;{ ;"	maps;	i6;;;"pictos-iconmask;	i6;{ o;
;[ ;@;[o;	;{ ;"locate;	i7;;;"pictos-iconmask;	i7;{ o;
;[ ;@;[o;	;{ ;"	home;	i8;;;"pictos-iconmask;	i8;{ u;$Ÿ[o:Sass::Script::Variable	:@options{ :
@name"include-button-uis:@underscored_name"include_button_uis:
@linei;0[o:Sass::Tree::MixinNode:@children[ ;{ :
@args[o:Sass::Script::String	;{ :@value"action;	i<:
@type:stringo; 	;@;"active-color;"active_color;	i<;"sencha-button-ui;	i<:@keywords{ o;
;[ ;@;[o;	;{ ;"confirm;	i=;;o:Sass::Script::Funcall
;@;[o;
;@;[o; 	;@;"confirm-color;"confirm_color;	i=o:Sass::Script::Number:@denominator_units[ ;@:@numerator_units["%:@original"10%;i;	i=;"darken;	i=;{ o;;[ ;@;["%;"5%;i
;	i=;"desaturate;	i=;{ ;"sencha-button-ui;	i=;{ o;
;[ ;@;[o;	;{ ;"decline;	i>;;o;
;@8;[o;
;@8;[o; 	;@8;"alert-color;"alert_color;	i>o;;[ ;@8;["%;"10%;i;	i>;"darken;	i>;{ o;;[ ;@8;["%;"5%;i
;	i>;"desaturate;	i>;{ ;"sencha-button-ui;	i>;{ ;
@	;[ ;"sencha-buttons;i7o;;[ ;	0;
@	;0;"/**
 * Creates a theme UI for buttons.
 * Also automatically generates UIs for {ui-label}-round and {ui-label}-small.
 *
 *     // SCSS
 *     @include sencha-button-ui('secondary', #99A4AE, 'glossy');
 *
 *     // JS
 *     var cancelBtn = new Ext.Button({text: 'Cancel', ui: 'secondary'});
 *
 * @param {string} $ui-label The name of the UI being created.
 *   Can not included spaces or special punctuation (used in class names)
 * @param {color} $color Base color for the UI.
 * @param {string} $gradient Default gradient for the UI.
 */;iC;[ o;;T;[o;;T;[o;;[ ;
@	;[o;	;
{ ;"
color;"
color;iTo;	;
@?;"gradient;"gradient;iT;"toolbar-button;iT;#{ ;,i ;
@	;/[".x-button.x-button-o;	;
{ ;"ui-label;"ui_label;iS", .x-button.x-button-o;	;
{ ;"ui-label;"ui_label;iS" -round, .x-button.x-button-o;	;
{ ;"ui-label;"ui_label;iS"-small;iSo;;T;[o;N	;[ ;M["."x-button-round;
@	;iX;,i ;
@	;/[".x-button.x-button-o;	;
{ ;"ui-label;"ui_label;iW"-round;iWo;;T;[o;N	;[ ;M["."x-button-small;
@	;i\;,i ;
@	;/[".x-button.x-button-o;	;
{ ;"ui-label;"ui_label;i["-small;i[;
@	;[[o;;
{ ;"ui-label;"ui_label0[o;;
@w;"
color;"
color0[o;;
@w;"gradient;"gradiento;	;
@w;"button-gradient;"button_gradient;iR;"sencha-button-ui;iR;
@	;i;"¹$// Toolbar icons used with permission from Drew Wilson
// http://pictos.drewwilson.com/
// Pictos icons are (c) 2010 Drew Wilson

@import '../global';

/**
 * @class Ext.Button
 */

/**
 * @var {measurement} $button-height Default height for buttons.
 */
$button-height: 1.8em;

/**
 * @var {measurement} $button-radius Default border-radius for buttons.
 */
$button-radius: .4em !default;

/**
 * @var {measurement} $button-stroke-weight Default border width for buttons.
 */
$button-stroke-weight: .1em !default;

/**
 * @var {string} $button-gradient Default gradient for buttons.
 */
$button-gradient: $base-gradient !default;

/**
 * @var {string} $toolbar-icon-size Default size (width and height) for toolbar icons.
 */
$toolbar-icon-size: 1.4em !default;

/**
 * @var {boolean} $include-button-uis Optionally disable separate button UIs, including action, confirm, and decline.
 */
$include-button-uis: $include-default-uis !default;

/**
 * @var {boolean} $include-button-highlights Optionally disable special CSS3 effects on buttons including gradients, text-shadows, and box-shadows.
 */
$include-button-highlights: $include-highlights !default;


/**
 * Includes default button styles.
 */
@mixin sencha-buttons {
  // Basic button style
  .x-button {
    @include background-clip(padding-box);
    @if $include-border-radius { @include border-radius($button-radius); }
    @include display-box;
    @include box-align(center);
    @include toolbar-button(#ccc, $button-gradient);
    min-height: $button-height; // Why was this !important? Breaks small uis - DK
    padding: .3em .6em;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;

    // Default icon style
    .x-button-icon {
      width: 2.1em;
      height: 2.1em;
      background-repeat: no-repeat;
      background-position: center;
      display: block;

      &.x-icon-mask {
        width: 1.3em;
        height: 1.3em;
        -webkit-mask-size: 1.3em;
      }
    }

    &.x-item-disabled .x-button-label, &.x-item-disabled .x-button-icon {
      opacity: .5;
    }
  }

  .x-button-round {
    @if $include-border-radius { @include border-radius($button-height/2); }
    padding: .1em $button-height/2;
  }

  // Button icon alignment
  .x-iconalign-left, .x-icon-align-right {
    @include box-orient(horizontal);
  }
  .x-iconalign-top, .x-iconalign-bottom {
    @include box-orient(vertical);
  }
  .x-iconalign-bottom, .x-iconalign-right {
    @include box-direction(reverse);
  }
  .x-iconalign-center {
    @include box-pack(center);
  }
  .x-iconalign-left .x-button-label {
    margin-left: $toolbar-spacing * 1.5;
  }
  .x-iconalign-right .x-button-label {
    margin-right: $toolbar-spacing * 1.5;
  }
  .x-iconalign-top .x-button-label {
    margin-top: $toolbar-spacing * 1.5;
  }
  .x-iconalign-bottom .x-button-label {
    margin-bottom: $toolbar-spacing * 1.5;
  }

  // Button labels
  .x-button-label {
    @include box-flex(1);
    @include box-align(center);
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    font-weight: bold;
    line-height: 1.2em;
    display: block;
    overflow: hidden;
  }

  // Toolbar button styling
  .x-toolbar .x-button {
    margin: 0 .2em;
    padding: .3em .6em;

    .x-button-label {
      font-size: .7em;
    }
  }

  .x-button-small, .x-toolbar .x-button-small {
    @if $include-border-radius { @include border-radius(.3em); }
    padding: .2em .4em;
    min-height: 0;

    .x-button-label {
      font-size: .6em;
    }

    .x-button-icon {
      width: .75em;
      height: .75em;
    }
  }

  // Back/Forward buttons
  $shadow-width: .065em; // Space between tip and its shadow
  $overlap-width: .2em; // how far the mask is clipped

  // $mask-height: $button-height + $button-stroke-weight * 2; // Ugh, this is non-specific... borders?
  $mask-height: $button-height;
  $mask-width: $mask-height/2.33;

  $mask-offset: $button-radius - $overlap-width - $button-stroke-weight + $shadow-width - .02em;

  $tip-width: $mask-width - $mask-offset + $shadow-width;

  .x-button-forward, .x-button-back {
    position: relative;
    overflow: visible;
    height: $button-height;
    z-index: 1;
    &: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-back,
  .x-toolbar .x-button-back {
    margin-left: $tip-width - $shadow-width + $toolbar-spacing;
    padding-left: .4em;
    &:before {
      left: - $tip-width;
    }
    &:after {
      left: - $tip-width + $shadow-width;
    }
  }

  .x-button-forward,
  .x-toolbar .x-button-forward {
    margin-right: $tip-width - $shadow-width + $toolbar-spacing;
    padding-right: .4em;
    &:before, &:after {
      -webkit-mask: -$mask-offset 0 theme_image($theme-name, "tip_right.png") no-repeat;
    }
    &:before {
      right: - $tip-width;
    }
    &:after {
      right: - $tip-width + $shadow-width;
    }
  }

  // Plain buttons automatically use a margin trick to have a
  // wide gradial glow for pressed state.
  .x-button.x-button-plain,
  .x-toolbar .x-button.x-button-plain {
    background: none;
    border: 0 none;
    @if $include-border-radius { @include border-radius(none); }
    min-height: 0;
    text-shadow: none;
    line-height: auto;
    height: 1.9em;
    padding: 0em 0.5em;

    & > * {
      overflow: visible;
    }

    .x-button-icon {
      -webkit-mask-size: $toolbar-icon-size;
      width: $toolbar-icon-size;
      height: $toolbar-icon-size;
    }

    &.x-button-pressing, &.x-button-pressed {
      background: none;

      $mask-radial-glow: lighten($active-color, 50%);
      @include background-image(radial-gradient(fade-out($mask-radial-glow, .3), fade-out($mask-radial-glow, 1) 24px));
      .x-button-icon.x-button-mask {
        @include background-gradient(#fff, 'recessed');
      }
    }
  }

  // SegmentedButtons
  .x-segmentedbutton .x-button {
    margin: 0;

    @if $include-border-radius {
      @include border-radius(0);

      &.x-first {
        @include border-left-radius($button-radius);
      }
      &.x-last {
        @include border-right-radius($button-radius);
      }
    }

    &:not(:first-child) {
      border-left: 0;
    }
  }

  // Badges
  $badge-size: 2em !default;
  $badge-radius: .2em !default;
  $badge-bg-color: darken($alert-color, 10%) !default;
  $badge-bg-gradient: $base-gradient !default;

  .x-hasbadge {
    overflow: visible;
    .x-badge {
      @extend .x-button-label;
      @include background-clip(padding-box);
      @if $include-border-radius { @include border-radius($badge-radius); }
      padding: .1em .3em;
      z-index: 2;
      @if $include-button-highlights {
        @include bevel-by-background($badge-bg-color);
        @include box-shadow(rgba(#000, .5) 0 .1em .1em);
      }
      overflow: hidden;
      @include color-by-background($badge-bg-color, $contrast: 50%);
      border: 1px solid darken($badge-bg-color, 10%);
      position: absolute;
      width: auto;
      min-width: $badge-size;
      line-height: 1.2em;
      font-size: .6em;
      right: 0px;
      top: -.2em;
      max-width: 95%;
      @include background-gradient($badge-bg-color, $badge-bg-gradient);
      display: inline-block;
    }
  }

  @if $include-default-icons {
    @include pictos-iconmask('action');
    @include pictos-iconmask('add');
    @include pictos-iconmask('arrow_down');
    @include pictos-iconmask('arrow_left');
    @include pictos-iconmask('arrow_right');
    @include pictos-iconmask('arrow_up');
    @include pictos-iconmask('compose');
    @include pictos-iconmask('delete');
    @include pictos-iconmask('organize');
    @include pictos-iconmask('refresh');
    @include pictos-iconmask('reply');
    @include pictos-iconmask('search');
    @include pictos-iconmask('settings');
    @include pictos-iconmask('star');
    @include pictos-iconmask('trash');
    @include pictos-iconmask('maps');
    @include pictos-iconmask('locate');
    @include pictos-iconmask('home');
  }

  @if $include-button-uis {
    @include sencha-button-ui('action', $active-color);
    @include sencha-button-ui('confirm', desaturate(darken($confirm-color, 10%), 5%));
    @include sencha-button-ui('decline', desaturate(darken($alert-color, 10%), 5%));
  }
}


/**
 * Creates a theme UI for buttons.
 * Also automatically generates UIs for {ui-label}-round and {ui-label}-small.
 *
 *     // SCSS
 *     @include sencha-button-ui('secondary', #99A4AE, 'glossy');
 *
 *     // JS
 *     var cancelBtn = new Ext.Button({text: 'Cancel', ui: 'secondary'});
 *
 * @param {string} $ui-label The name of the UI being created.
 *   Can not included spaces or special punctuation (used in class names)
 * @param {color} $color Base color for the UI.
 * @param {string} $gradient Default gradient for the UI.
 */
@mixin sencha-button-ui($ui-label, $color, $gradient: $button-gradient) {
  .x-button.x-button-#{$ui-label}, .x-button.x-button-#{$ui-label}-round, .x-button.x-button-#{$ui-label}-small {
    @include toolbar-button($color, $gradient);
  }

  .x-button.x-button-#{$ui-label}-round {
    @extend .x-button-round;
  }

  .x-button.x-button-#{$ui-label}-small {
    @extend .x-button-small;
  }
}
