3.1.2 (Brainy Betty) e82e2bf4e92017af8b48e0759b1104d067628ec1 o:Sass::Tree::RootNode :@has_childrenT:@children[o:Sass::Tree::CommentNode ;[: @options{: @lines[: @loud0: @value"Q/** * Includes default message box styles. * * @member Ext.MessageBox */: @linei: @silent0o:Sass::Tree::MixinDefNode ;T;[ o:Sass::Tree::RuleNode ;T;[o:Sass::Tree::PropNode ;[: @tabsi; @ : @name["min-width:@prop_syntax:new; o:Sass::Script::String; " 15em: @type:identifier; i o; ;[;i; @ ;["max-width;;; o;; " 20em;;; io; ;[;i; @ ;[" padding;;; o;; " 0.8em;;; io; ;[;i; @ ;[" margin;;; o;; " .5em;;; io; ;[;i; @ ;["-webkit-box-shadow;;; o:Sass::Script::List ; {:@separator: space; [ o:Sass::Script::Funcall ; @-:@keywords{: @args[o:Sass::Script::Color ; @-; 0; i: @attrs{ :redi: alphai: greeni: blueio:Sass::Script::Number :@original"0.4; @-:@denominator_units[:@numerator_units[; f0.40000000000000002; i;" rgba; io;% ;&"0; @-;'@6;([; i; io;% ;&" 0.1em; @-;'[;(["em; f0.10000000000000001; io;% ;&" 0.5em; @-;'[;(["em; f0.5; i; i; iu:Sass::Tree::IfNode [o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @linei0[o:Sass::Tree::MixinNode :@children[;{:@keywords{: @args[o; ;{;"panel-border-radius;"panel_border_radius; i;"border-radius; io; ;[;i; @ ;[" border;;; o; ; {;;; [o;% ;&" 0.15em; @O;'[;(["em; f0.1499999999999999933; io; ; @O; " solid; i;;o:Sass::Script::Variable ; @O;"base-color:@underscored_name"base_color; i; i; io; ;[; @ ; [; 0; "/*icons */; i;io; ;T;[o; ;[;i; @ ;[" margin;;; o;; "0 0.8em 0 0.5em;;; io; ;[;i; @ ;["background;;; o;; " #fff;;; io; ;[;i; @ ;["-webkit-mask-size;;; o;; " 100%;;; i;i; @ : @rule[" .x-icon:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename": @members[o:Sass::Selector::Sequence;0[o:#Sass::Selector::SimpleSequence;/@w;0[o:Sass::Selector::Class;[" x-icon;/@w; i; i; i; io; ;T;[o; ;[;i; @ ;["-webkit-mask-image;;; o; ; {;{;[o;* ; @;"theme-name;+"theme_name; io; ; @; "pictos/info.png; i;: string;"theme_image; i; i;i; @ ;,[".x-msgbox-info;-o;.;/";0[o;1;0[o;2;/@;0[o;3;["x-msgbox-info;/@; i; i; i; io; ;T;[o; ;[;i; @ ;["-webkit-mask-image;;; o; ; {;{;[o;* ; @;"theme-name;+"theme_name; i!o; ; @; "pictos/warning_black.png; i!;;4;"theme_image; i!; i!;i; @ ;,[".x-msgbox-warning;-o;.;/";0[o;1;0[o;2;/@;0[o;3;["x-msgbox-warning;/@; i ; i ; i ; i o; ;T;[o; ;[;i; @ ;["-webkit-mask-image;;; o; ; {;{;[o;* ; @;"theme-name;+"theme_name; i%o; ; @; "pictos/help.png; i%;;4;"theme_image; i%; i%;i; @ ;,[".x-msgbox-question;-o;.;/";0[o;1;0[o;2;/@;0[o;3;["x-msgbox-question;/@; i$; i$; i$; i$o; ;T;[o; ;[;i; @ ;["-webkit-mask-image;;; o; ; {;{;[o;* ; @;"theme-name;+"theme_name; i)o; ; @; "pictos/minus_black2.png; i);;4;"theme_image; i); i);i; @ ;,[".x-msgbox-error;-o;.;/";0[o;1;0[o;2;/@;0[o;3;["x-msgbox-error;/@; i(; i(; i(; i(o; ;T;[o; ;[;i; @ ;["font-size;;; o;; " .9em;;; i-o; ;[;i; @ ;["line-height;;; o;; " 1.4em;;; i.;i; @ ;,[" .x-title;-o;.;/";0[o;1;0[o;2;/@;0[o;3;[" x-title;/@; i,; i,; i,; i,o; ;T;[o; ;[;i; @ ;["background;;; o;; "transparent !important;;; i2;i; @ ;,[" .x-body;-o;.;/";0[o;1;0[o;2;/@;0[o;3;[" x-body;/@; i1; i1; i1; i1o; ;T;[ o; ;[;i; @ ;["background;;; o;; "transparent none;;; i6o; ;[;i; @ ;["-webkit-box-shadow;;; o;; " none;;; i7o; ;T;[o; ;[;i; @ ;["border-bottom;;; o;; "0;;; i:o; ;[;i; @ ;[" height;;; o;; " 1.3em;;; i;;i; @ ;,["&.x-docked-top;-o;.;/";0[o;1;0[o;2;/@8;0[o:Sass::Selector::Parent;/@8; i9o;3;["x-docked-top;/@8; i9; i9; i9; i9o; ;T;[o; ;[;i; @ ;["border-top;;; o;; "0;;; i?;i; @ ;,["&.x-docked-bottom;-o;.;/";0[o;1;0[o;2;/@M;0[o;5;/@M; i>o;3;["x-docked-bottom;/@M; i>; i>; i>; i>;i; @ ;,[".x-toolbar;-o;.;/";0[o;1;0[o;2;/@Z;0[o;3;["x-toolbar;/@Z; i5; i5; i5; i5o; ;T;[o; ;[;i; @ ;["min-height;;; o;; "2em;;; iDo; ;[;i; @ ;["background;;; o;; " #fff;;; iEu;)S[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @lineiF0[o:Sass::Tree::MixinNode :@children[;{:@keywords{: @args[o:Sass::Script::Number :@original" 0.2em;{:@denominator_units[:@numerator_units["em: @valuef0.20000000000000001; iF;"border-radius; iF;i; @ ;,[" .x-field;-o;.;/";0[o;1;0[o;2;/@u;0[o;3;[" x-field;/@u; iC; iC; iC; iCo; ;T;[o; ;[;i; @ ;["min-height;;; o;; " 1.5em;;; iJo; ;[;i; @ ;["padding-right;;; o;; "0 !important;;; iKo; ;[;i; @ ;["-webkit-appearance;;; o;; " none;;; iL;i; @ ;,[".x-form-field;-o;.;/";0[o;1;0[o;2;/@;0[o;3;["x-form-field;/@; iI; iI; iI; iIo; ;T;[o; ;[;i; @ ;["padding-right;;; o;; " 2.2em;;; iP;i; @ ;,[".x-field-input;-o;.;/";0[o;1;0[o;2;/@;0[o;3;["x-field-input;/@; iO; iO; iO; iO;i; @ ;,[".x-msgbox;-o;.;/";0[o;1;0[o;2;/@;0[o;3;[" x-msgbox;/@; i ; i ; i ; i o; ;T;[o; ;[;i; @ ;["text-align;;; o;; " center;;; iUo; ;[;i; @ ;[" padding;;; o;; " 6px 0;;; iVo; ;[;i; @ ;["line-height;;; o;; " 1.4em;;; iW;i; @ ;,[".x-msgbox-text;-o;.;/";0[o;1;0[o;2;/@;0[o;3;["x-msgbox-text;/@; iT; iT; iT; iTo; ;T;[ o; ;[;i; @ ;[" padding;;; o;; " 0.4em 0;;; i[o; ;[;i; @ ;[" height;;; o;; " auto;;; i\o; ;T;[o; ;[;i; @ ;["min-width;;; o;; " 4.5em;;; i_;i; @ ;,[".x-button;-o;.;/";0[o;1;0[o;2;/@;0[o;3;[" x-button;/@; i^; i^; i^; i^o; ;T;[o; ;[;i; @ ;[" opacity;;; o;; ".7;;; ic;i; @ ;,[".x-button-normal span;-o;.;/";0[o;1;0[o;2;/@ ;0[o;3;["x-button-normal;/@ ; ib; ibo;2;/@ ;0[o:Sass::Selector::Element :@namespace0;[" span;/@ ; ib; ib; ib; ib;i; @ ;,[".x-msgbox-buttons;-o;.;/";0[o;1;0[o;2;/@;0[o;3;["x-msgbox-buttons;/@; iZ; iZ; iZ; iZo; ;[; @ ; [; 0; "*/* TODO: Refactor along with Sheet */; ig;io:Sass::Tree::MixinNode ;[; @ ;{;[o; ; {; " dark; ih;;4;"msgbox-ui; ih; @ ;[;"sencha-msgbox; i o; ;T;[o; ;T;[o; ;T;[o;8 ;[; @ ;{;[o;* ; {;"sheet-bg-color;+"sheet_bg_color; ino;% ;&"80%; @>;'[;(["%; iU; in;"color-by-background; ino;8 ;[; @ ;{;[o;* ; {;"sheet-bg-color;+"sheet_bg_color; io;"bevel-by-background; io;i; @ ;,[".x-msgbox-text;-o;.;/";0[o;1;0[o;2;/@S;0[o;3;["x-msgbox-text;/@S; im; im; im; imo; ;T;[o;8 ;[; @ ;{;[o; ; {;{;[o;* ; @c;"sheet-bg-color;+"sheet_bg_color; iro;% ;&"80%; @c;'[;(["%; iU; ir;" lighten; iro; ; @c; " recessed; ir;;4;"background-gradient; iro; ;[;i; @ ;[" border;;; o; ; {;;; [o;% ;&" 0.1em; @w;'[;(["em; f0.10000000000000001; iso; ; @w; " solid; is;;o; ; @w;{;[o;* ; @w;"sheet-bg-color;+"sheet_bg_color; iso;% ;&"40%; @w;'[;(["%; i-; is;" lighten; is; is; is;i; @ ;,[".x-msgbox-input;-o;.;/";0[o;1;0[o;2;/@;0[o;3;["x-msgbox-input;/@; iq; iq; iq; iq;i; @ ;,[".x-msgbox-o;* ; {;" ui-label;+" ui_label; il; il; @ ;[[o;*; {;" ui-label;+" ui_label0;"msgbox-ui; ik; @ ; i:@template"/** * Includes default message box styles. * * @member Ext.MessageBox */ @mixin sencha-msgbox { .x-msgbox { min-width: 15em; max-width: 20em; padding: 0.8em; margin: .5em; -webkit-box-shadow: rgba(#000, .4) 0 .1em .5em; @if $include-border-radius { @include border-radius($panel-border-radius); } border: .15em solid $base-color; //icons .x-icon { margin: 0 0.8em 0 0.5em; background: #fff; -webkit-mask-size: 100%; } .x-msgbox-info { -webkit-mask-image: theme_image($theme-name, "pictos/info.png"); } .x-msgbox-warning { -webkit-mask-image: theme_image($theme-name, "pictos/warning_black.png"); } .x-msgbox-question { -webkit-mask-image: theme_image($theme-name, "pictos/help.png"); } .x-msgbox-error { -webkit-mask-image: theme_image($theme-name, "pictos/minus_black2.png"); } .x-title { font-size: .9em; line-height: 1.4em; } .x-body { background:transparent !important; } .x-toolbar { background: transparent none; -webkit-box-shadow: none; &.x-docked-top { border-bottom: 0; height: 1.3em; } &.x-docked-bottom { border-top: 0; } } .x-field { min-height:2em; background: #fff; @if $include-border-radius { @include border-radius(.2em); } } .x-form-field { min-height:1.5em; padding-right: 0 !important; -webkit-appearance: none; } .x-field-input { padding-right: 2.2em; } } .x-msgbox-text { text-align: center; padding: 6px 0; line-height: 1.4em; } .x-msgbox-buttons { padding: 0.4em 0; height: auto; .x-button { min-width: 4.5em; } .x-button-normal span { opacity: .7; } } // TODO: Refactor along with Sheet @include msgbox-ui('dark'); } @mixin msgbox-ui($ui-label) { .x-msgbox-#{$ui-label} { .x-msgbox-text { @include color-by-background($sheet-bg-color, 80%); @include bevel-by-background($sheet-bg-color); } .x-msgbox-input { @include background-gradient(lighten($sheet-bg-color, 80%), 'recessed'); border: .1em solid lighten($sheet-bg-color, 40%); } } }