3.1.2 (Brainy Betty) 74cd29fd292f49a4f4510407ec540989ac738a2a o:Sass::Tree::RootNode :@has_childrenT:@children[!o:Sass::Tree::ImportNode ;[: @options{:@imported_filename"../global: @linei:@template0o:Sass::Tree::CommentNode ;[: @loud0; @ : @silent0: @value"(/** * @class Ext.dataview.List */; i: @lines[o; ;[;0; @ ;0;"E/** * @var {color} $list-color * Text color for list rows. */; i ;[o:Sass::Tree::VariableNode ;[; @ : @guarded" !default: @name"list-color: @expro:Sass::Script::Color ; {: @attrs{ :redi: alphai: greeni: bluei;0; i; io; ;[;0; @ ;0;"N/** * @var {color} $list-bg-color * Background-color for list rows. */; i;[o; ;[; @ ;" !default;"list-bg-color;o; ; {;{ ;i÷;i;i÷;i÷;0; i; io; ;[;0; @ ;0;"Æ/** * @var {color} $include-list-highlights * Optionally disable all list gradients, text-shadows, and box-shadows. Useful for CSS debugging, * non-performant browsers, or minimalist designs. */; i;[o; ;[; @ ;" !default;"include-list-highlights;o:Sass::Script::Variable ; {;"include-highlights:@underscored_name"include_highlights; i; io; ;[;0; @ ;0;"u/** * @var {boolean} $list-zebrastripe * Optionally zebra-stripe the list (alternating background colors). */; i;[o; ;[; @ ;" !default;"list-zebrastripe;o:Sass::Script::Bool; {;F; i#; i#o; ;[;0; @ ;0;"[/** * @var {color} $list-pressed-color * Background-color for pressed list rows. */; i%;[o; ;[; @ ;" !default;"list-pressed-color;o:Sass::Script::Funcall ; {: @args[o; ; @D;"active-color;"active_color; i)o:Sass::Script::Number :@denominator_units[; @D:@numerator_units["%:@original"50%;i7; i);" lighten; i):@keywords{; i)o; ;[;0; @ ;0;"[/** * @var {color} $list-active-color * Background-color for selected list rows. */; i+;[o; ;[; @ ;" !default;"list-active-color;o; ; {;"active-color;"active_color; i/; i/o; ;[;0; @ ;0;"]/** * @var {string} $list-active-gradient * Gradient style for selected list rows. */; i1;[o; ;[; @ ;" !default;"list-active-gradient;o; ; {;"base-gradient;"base_gradient; i5; i5o; ;[;0; @ ;0;"o/** * @var {color} $list-header-bg-color * Background-color for list header rows (in grouped lists). */; i7;[o; ;[; @ ;" !default;"list-header-bg-color;o; ; {; [o; ; @q; [o; ; @q;"base-color;"base_color; i;o;! ;"[; @q;#["%;$"10%;i; i;;" saturate; i;;%{o;! ;"[; @q;#["%;$"20%;i; i;;" lighten; i;;%{; i;o; ;[;0; @ ;0;"n/** * @var {string} $list-header-gradient * Gradient style for list header rows (in grouped lists). */; i=;[o; ;[; @ ;" !default;"list-header-gradient;o; ; {;"base-gradient;"base_gradient; iA; iAo; ;[;0; @ ;0;"m/** * @var {measurement} $list-disclosure-size * Default size (width/height) for disclosure icons. */; iC;[o; ;[; @ ;0;"list-disclosure-size;o;! ;"[; {;#["em;$" 1.7em;f 1.733; iG; iGo; ;[;0; @ ;0;"Š/** * @var {measurement} $list-disclosure-round-size * Default size (width/height) for disclosure icons in a list with a 'round' ui. */; iI;[o; ;[; @ ;0;"list-disclosure-round-size;o;! ;"[; {;#["em;$" 1.5em;f1.5; iM; iMo; ;[;0; @ ;0;"-/** * Includes default list styles. */; iO;[o:Sass::Tree::MixinDefNode ;T;[o:Sass::Tree::RuleNode ;T;[ o:Sass::Tree::PropNode ;[: @tabsi; @ :@prop_syntax:new;[" position;o:Sass::Script::String;" relative: @type:identifier; iTo;( ;[;)i; @ ;*;+;["background-color;o; ; {;"list-bg-color;"list_bg_color; iU; iUo;' ;T;[o;( ;[;)i; @ ;*;+;[" width;o;,;" 100%;-;.; iX;)i; @ : @rule[".x-list-inner:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;2[o:#Sass::Selector::SimpleSequence;2[o:Sass::Selector::Class;["x-list-inner:@filename"; iW;6@Ò; iW;6@Ò; iW; iWo;' ;T;[o;( ;[;)i; @ ;*;+;[" position;o;,;" absolute;-;.; i\o;( ;[;)i; @ ;*;+;[" bottom;o;,;" 0.44em;-;.; i]o;( ;[;)i; @ ;*;+;[" right;o;,;" 0.44em;-;.; i^;)i; @ ;/[".x-list-disclosure;0o;1;2[o;3;2[o;4;2[o;5;["x-list-disclosure;6"; i[;6@ò; i[;6@ò; i[; i[o;' ;T;[ o;( ;[;)i; @ ;*;+;[" overflow;o;,;" visible;-;.; ibo;( ;[;)i; @ ;*;+;["-webkit-mask;o:Sass::Script::List ; {:@separator: space;[ o;! ;"[; @;#[;$"0;i; ico;! ;"@; @;#[;$"0;i; ico; ; @; [o; ; @;"theme-name;"theme_name; ico;, ; @;"disclosure.png; ic;-: string;"theme_image; ic;%{o;, ; @;"no-repeat; ic;-;.; ic; ico;( ;[;)i; @ ;*;+;["-webkit-mask-size;o; ; {;"list-disclosure-size;"list_disclosure_size; id; ido:Sass::Tree::MixinNode ;[; @ ; [o; ; {; [o; ; @ ;"active-color;"active_color; ieo;! ;"[; @ ;#["%;$"10%;i; ie;" saturate; ie;%{;"background-gradient; ie;%{o;( ;[;)i; @ ;*;+;[" width;o; ; {;"list-disclosure-size;"list_disclosure_size; if; ifo;( ;[;)i; @ ;*;+;[" height;o; ; {;"list-disclosure-size;"list_disclosure_size; ig; ig;)i; @ ;/[".x-list-disclosure;0o;1;2[o;3;2[o;4;2[o;5;["x-list-disclosure;6"; ia;6@I; ia;6@I; ia; iao;' ;T;[o;( ;[;)i; @ ;*;+;["margin-right;o;,;"1em;-;.; ik;)i; @ ;/["(&.x-list-indexed .x-list-disclosure;0o;1;2[o;3;2[o;4;2[o:Sass::Selector::Parent;6"; ijo;5;["x-list-indexed;6@[; ij;6@[; ijo;4;2[o;5;["x-list-disclosure;6@[; ij;6@[; ij;6@[; ij; ijo;' ;T;[o;( ;[;)i; @ ;*;+;["background;o;,;"#fff none;-;.; io;)i; @ ;/["(.x-item-selected .x-list-disclosure;0o;1;2[o;3;2[o;4;2[o;5;["x-item-selected;6"; in;6@w; ino;4;2[o;5;["x-list-disclosure;6@w; in;6@w; in;6@w; in; ino;' ;T;[ o;( ;[;)i; @ ;*;+;[" position;o;,;" relative;-;.; iso;( ;[;)i; @ ;*;+;[" color;o; ; {;"list-color;"list_color; it; ito;' ;T;[o;( ;[;)i; @ ;*;+;["min-height;o; ; {;"global-row-height;"global_row_height; iw; iwo;( ;[;)i; @ ;*;+;[" padding;o;,;"0.65em 0.8em;-;.; ix;)i; @ ;/[".x-list-item-label;0o;1;2[o;3;2[o;4;2[o;5;["x-list-item-label;6"; iv;6@¨; iv;6@¨; iv; ivo;' ;T;[o;' ;T;[o;( ;[;)i; @ ;*;+;["background;o;7 ; {;8;9;[o; ; @²;"list-pressed-color;"list_pressed_color; i}o;, ; @²;" none; i};-;.; i}; i};)i; @ ;/[".x-list-item-label;0o;1;2[o;3;2[o;4;2[o;5;["x-list-item-label;6"; i|;6@Ä; i|;6@Ä; i|; i|;)i; @ ;/["&.x-item-pressed;0o;1;2[o;3;2[o;4;2[o;<;6"; i{o;5;["x-item-pressed;6@Î; i{;6@Î; i{;6@Î; i{; i{o;' ;T;[o;' ;T;[o;; ;[; @ ; [o; ; {;"list-active-color;"list_active_color; i~o; ; @Ú;"list-active-gradient;"list_active_gradient; i~;"background-gradient; i~;%{o;; ;[; @ ; [o; ; {;"list-active-color;"list_active_color; i;"color-by-background; i;%{o;; ;[; @ ; [o; ; {;"list-active-color;"list_active_color; i€;"bevel-by-background; i€;%{;)i; @ ;/[".x-list-item-label;0o;1;2[o;3;2[o;4;2[o;5;["x-list-item-label;6"; i};6@ÿ; i};6@ÿ; i}; i};)i; @ ;/["&.x-item-selected;0o;1;2[o;3;2[o;4;2[o;<;6"; i|o;5;["x-item-selected;6@ ; i|;6@ ; i|;6@ ; i|; i|;)i; @ ;/[".x-list-item;0o;1;2[o;3;2[o;4;2[o;5;["x-list-item;6"; ir;6@; ir;6@; ir; ir;)i; @ ;/[" .x-list;0o;1;2[o;3;2[o;4;2[o;5;[" x-list;6"; iS;6@$; iS;6@$; iS; iSo;' ;T;[o;( ;[;)i; @ ;*;+;[" position;o;,;" relative;-;.; i‡;)i; @ ;/[".x-list-header;0o;1;2[o;3;2[o;4;2[o;5;["x-list-header;6"; i†;6@8; i†;6@8; i†; i†o;' ;T;[ o;( ;[;)i; @ ;*;+;[" position;o;,;" absolute;-;.; i‹o;( ;[;)i; @ ;*;+;[" left;o;,;"0;-;.; iŒo;( ;[;)i; @ ;*;+;[" width;o;,;" 100%;-;.; io;( ;[;)i; @ ;*;+;[" z-index;o;,;"1;-;.; iŽ;)i; @ ;/[".x-list-header-swap;0o;1;2[o;3;2[o;4;2[o;5;["x-list-header-swap;6"; iŠ;6@^; iŠ;6@^; iŠ; iŠo;' ;T;[o;; ;[; @ ; [o; ; {; [o;! ;"@; @e;#[;$"0;i; i’o;! ;"@; @e;#[;$"0;i; i’o;! ;"@; @e;#[;$"0;i; i’;"translate3d; i’;%{;"transform; i’;%{;)i; @ ;/[".x-ios .x-list-header-swap;0o;1;2[o;3;2[o;4;2[o;5;[" x-ios;6"; i‘;6@; i‘o;4;2[o;5;["x-list-header-swap;6@; i‘;6@; i‘;6@; i‘; i‘o;' ;T;[o;' ;T;[o;; ;[; @ ; [o; ; {;"list-header-bg-color;"list_header_bg_color; i˜o; ; @;"list-header-gradient;"list_header_gradient; i˜;"background-gradient; i˜;%{o;; ;[; @ ; [o; ; {;"list-header-bg-color;"list_header_bg_color; i™o;! ;"[; @™;#["%;$"30%;i#; i™;"color-by-background; i™;%{o;; ;[; @ ; [o; ; {;"list-header-bg-color;"list_header_bg_color; iš;"bevel-by-background; iš;%{o;( ;[;)i; @ ;*;+;["border-top;o;7 ; {;8;9;[o;! ;"[; @±;#["px;$"1px;i; i›o;, ; @±;" solid; i›;-;.o; ; @±;"list-header-bg-color;"list_header_bg_color; i›; i›; i›o;( ;[;)i; @ ;*;+;["border-bottom;o;7 ; {;8;9;[o;! ;"[; @Â;#["px;$"1px;i; iœo;, ; @Â;" solid; iœ;-;.o; ; @Â; [o; ; @Â;"list-header-bg-color;"list_header_bg_color; iœo;! ;"[; @Â;#["%;$"20%;i; iœ;" darken; iœ;%{; iœ; iœo;( ;[;)i; @ ;*;+;["font-weight;o;,;" bold;-;.; io;( ;[;)i; @ ;*;+;["font-size;o;,;" 0.8em;-;.; ižo;( ;[;)i; @ ;*;+;[" padding;o;,;"0.2em 1.02em;-;.; iŸo;; ;[; @ ; [o; ; {;"list-header-bg-color;"list_header_bg_color; i ;"bevel-by-background; i ;%{;)i; @ ;/[".x-list-header;0o;1;2[o;3;2[o;4;2[o;5;["x-list-header;6"; i—;6@ý; i—;6@ý; i—; i—o;' ;T;[u:Sass::Tree::IfNode¸ [o:Sass::Script::Variable : @options{: @name"list-zebrastripe:@underscored_name"list_zebrastripe: @linei¥u:Sass::Tree::IfNode/[00[o:Sass::Tree::RuleNode :@has_childrenT:@children[o:Sass::Tree::PropNode ;[: @tabsi: @options{:@prop_syntax:new: @name["border-top: @valueo:Sass::Script::List ; {:@separator: space;[o:Sass::Script::Number :@denominator_units[; @:@numerator_units["px:@original"1px;i: @linei±o:Sass::Script::String ; @;" solid;i±: @type:identifiero:Sass::Script::Funcall ; @: @args[o:Sass::Script::Variable ; @; "list-bg-color:@underscored_name"list_bg_color;i±o; ;[; @;["%;"10%;i;i±; " darken;i±:@keywords{;i±;i±; i; @ : @rule[".x-list-item-label:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;"[o:#Sass::Selector::SimpleSequence;"[o:Sass::Selector::Class; ["x-list-item-label:@filename";i°;&@/;i°;&@/;i°;i°o; ;T;[o; ;[; i; @ ; ; ; ["border-bottom;o; ; {;;;[o; ;[; @7;["px;"1px;i;i´o; ; @7;" solid;i´;;o; ; @7;[o; ; @7; "list-bg-color;"list_bg_color;i´o; ;[; @7;["%;"10%;i;i´; " darken;i´;{;i´;i´; i; @ ;["$&:last-child .x-list-item-label; o;!;"[o;#;"[o;$;"[o:Sass::Selector::Parent;&";i³o:Sass::Selector::Pseudo ; ["last-child;&@U: @arg0;i³;: class;&@U;i³o;$;"[o;%; ["x-list-item-label;&@U;i³;&@U;i³;&@U;i³;i³[o:Sass::Tree::RuleNode :@has_childrenT:@children[o:Sass::Tree::PropNode ; [: @tabsi;{:@prop_syntax:new;["border-top: @valueo:Sass::Script::String;"1px solid transparent: @type:identifier; i§;i;@: @rule[".x-list-item-label:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence;[o:Sass::Selector::Class;["x-list-item-label:@filename"; i¦;@ ; i¦;@ ; i¦; i¦o; ; T; [o; ; [;i;@;;;["background-color;o:Sass::Script::Funcall ;{: @args[o; ;@(;"list-bg-color;"list_bg_color; iªo:Sass::Script::Number :@denominator_units[;@(:@numerator_units["%:@original"5%;i ; iª;" darken; iª:@keywords{; iª;i;@;[")&:nth-child(even) .x-list-item-label;o;;[o;;[o;;[o:Sass::Selector::Parent;"; i©o:Sass::Selector::Pseudo ;["nth-child;@=: @arg[" even; i©;: class;@=; i©o;;[o;;["x-list-item-label;@=; i©;@=; i©;@=; i©; i©o; ; T; [o; ; [;i;@;;;["border-bottom;o:Sass::Script::List ;{:@separator: space;[o; ;![;@O;"["px;#"1px;i; i­o; ;@O;" solid; i­;;o; ;@O;[o; ;@O;"list-bg-color;"list_bg_color; i­o; ;![;@O;"["%;#"5%;i ; i­;" darken; i­;${; i­; i­;i;@;["3&:last-child:nth-child(odd) .x-list-item-label;o;;[o;;[o;;[o;%;"; i¬o;& ;["last-child;@m;'0; i¬;;(o;& ;["nth-child;@m;'["odd; i¬;;(;@m; i¬o;;[o;;["x-list-item-label;@m; i¬;@m; i¬;@m; i¬; i¬o;' ;T;[o;( ;[;)i; @ ;*;+;["border-top;o;,;"0;-;.; i¹;)i; @ ;/["%&:first-child .x-list-item-label;0o;1;2[o;3;2[o;4;2[o;<;6"; i¸o:Sass::Selector::Pseudo ;["first-child;6@: @arg0; i¸;-: class;6@; i¸o;4;2[o;5;["x-list-item-label;6@; i¸;6@; i¸;6@; i¸; i¸u;=i[o:Sass::Script::Variable : @options{: @name"include-list-highlights:@underscored_name"include_list_highlights: @linei¼0[o:Sass::Tree::RuleNode :@has_childrenT:@children[o:Sass::Tree::PropNode ; [: @tabsi;{:@prop_syntax:new;["border-top-color: @valueo; ;{;"list-pressed-color;"list_pressed_color; i¾; i¾o; ; [;i;@;;;["background-color;o; ;{;"list-pressed-color;"list_pressed_color; i¿; i¿;i;@: @rule["(&.x-item-pressed .x-list-item-label:@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-item-pressed;@'; i½;@'; i½o;;[o;;["x-list-item-label;@'; i½;@'; i½;@'; i½; i½o; ; T; [o; ; [;i;@;;;["border-top-color;o; ;{;"list-active-color;"list_active_color; iÃ; iÃo; ; [;i;@;;;["border-bottom-color;o:Sass::Script::Funcall ;{: @args[o; ;@?;"list-active-color;"list_active_color; iÄo:Sass::Script::Number :@denominator_units[;@?:@numerator_units["%:@original"15%;i; iÄ;" darken; iÄ:@keywords{; iÄ;i;@;[")&.x-item-selected .x-list-item-label;o;;[o;;[o;;[o;;"; iÂo;;["x-item-selected;@T; iÂ;@T; iÂo;;[o;;["x-list-item-label;@T; iÂ;@T; iÂ;@T; iÂ; iÂ;)i; @ ;/[".x-list-item;0o;1;2[o;3;2[o;4;2[o;5;["x-list-item;6"; i£;6@'; i£;6@'; i£; i£;)i; @ ;/[".x-list-normal;0o;1;2[o;3;2[o;4;2[o;5;["x-list-normal;6"; i•;6@3; i•;6@3; i•; i•o;' ;T;[ o;' ;T;[o;( ;[;)i; @ ;*;+;["background-color;o;,;"#EEEEEE !important;-;.; iÎo; ;[;0; @ ;i;""/* @todo No !important plz */; iÎ;[;)i; @ ;/[".x-scroll-view;0o;1;2[o;3;2[o;4;2[o;5;["x-scroll-view;6"; iÍ;6@M; iÍ;6@M; iÍ; iÍo;' ;T;[ o;( ;[;)i; @ ;*;+;[" overflow;o;,;" hidden;-;.; iÒo;( ;[;)i; @ ;*;+;["-webkit-mask;o;7 ; {;8;9;[ o;! ;"@; @[;#[;$"0;i; iÓo;! ;"@; @[;#[;$"0;i; iÓo; ; @[; [o; ; @[;"theme-name;"theme_name; iÓo;, ; @[;"disclosure2.png; iÓ;-;:;"theme_image; iÓ;%{o;, ; @[;"no-repeat; iÓ;-;.; iÓ; iÓo;( ;[;)i; @ ;*;+;["-webkit-mask-size;o; ; {;"list-disclosure-round-size;"list_disclosure_round_size; iÔ; iÔo;; ;[; @ ; [o; ; {; [o; ; @z; [o; ; @z;"base-color;"base_color; iÕo;! ;"@; @z;#[;$"10;i; iÕ;"desaturate; iÕ;%{o;! ;"@; @z;#[;$"10;i; iÕ;" lighten; iÕ;%{;"background-gradient; iÕ;%{o;( ;[;)i; @ ;*;+;[" width;o; ; {;"list-disclosure-round-size;"list_disclosure_round_size; iÖ; iÖo;( ;[;)i; @ ;*;+;[" height;o; ; {;"list-disclosure-round-size;"list_disclosure_round_size; i×; i×o;( ;[;)i; @ ;*;+;[" bottom;o;,;" 0.5em;-;.; iØ;)i; @ ;/[".x-list-disclosure;0o;1;2[o;3;2[o;4;2[o;5;["x-list-disclosure;6"; iÑ;6@®; iÑ;6@®; iÑ; iÑo;' ;T;[ o;( ;[;)i; @ ;*;+;[" color;o;,;" #777;-;.; iÜo;( ;[;)i; @ ;*;+;["font-size;o;,;"1em;-;.; iÝo;( ;[;)i; @ ;*;+;["font-weight;o;,;" bold;-;.; iÞo;( ;[;)i; @ ;*;+;["padding-left;o;,;" 26px;-;.; ißo;( ;[;)i; @ ;*;+;["line-height;o;,;" 1.7em;-;.; iào; ;[;0; @ ;i;"1/* background: rgba(238,238,238,.8); */; iá;[o;; ;[; @ ; [o; ; {; [ o;, ; @×;"top; iâ;-;.o; ; @×; [ o;! ;"@; @×;#[;$"238;iî; iâo;! ;"@; @×;#[;$"238;iî; iâo;! ;"@; @×;#[;$"238;iî; iâo;! ;"@; @×;#[;$"1;i; iâ;" rgba; iâ;%{o;7 ; @×;8;9;[o; ; @×; [ o;! ;"@; @×;#[;$"238;iî; iâo;! ;"@; @×;#[;$"238;iî; iâo;! ;"@; @×;#[;$"238;iî; iâo;! ;"@; @×;#[;$"0.9;f0.90000000000000002ÌÍ; iâ;" rgba; iâ;%{o;! ;"[; @×;#["%;$"30%;i#; iâ; iâo; ; @×; [ o;! ;"@; @×;#[;$"238;iî; iâo;! ;"@; @×;#[;$"238;iî; iâo;! ;"@; @×;#[;$"238;iî; iâo;! ;"@; @×;#[;$"0.4;f0.40000000000000002™š; iâ;" rgba; iâ;%{;"linear-gradient; iâ;%{;"background-image; iâ;%{;)i; @ ;/[".x-list-header;0o;1;2[o;3;2[o;4;2[o;5;["x-list-header;6"; iÛ;6@#; iÛ;6@#; iÛ; iÛo;' ;T;[o;( ;[;)i; @ ;*;+;[" padding;o;,;"13px 13px 0 13px;-;.; iæo;' ;T;[o;( ;[;)i; @ ;*;+;["padding-left;o;,;" 13px;-;.; iéo;( ;[;)i; @ ;*;+;["background-image;o;,;" none;-;.; iê;)i; @ ;/[".x-list-header;0o;1;2[o;3;2[o;4;2[o;5;["x-list-header;6"; iè;6@E; iè;6@E; iè; iè;)i; @ ;/[".x-list-container;0o;1;2[o;3;2[o;4;2[o;5;["x-list-container;6"; iå;6@Q; iå;6@Q; iå; iåo;' ;T;[o;' ;T;[o;( ;[;)i; @ ;*;+;[" border;o;,;"solid #DDDDDD;-;.; iño;( ;[;)i; @ ;*;+;["border-width;o;,;"1px 1px 0 1px;-;.; iòo;( ;[;)i; @ ;*;+;["background;o;,;" #fff;-;.; ió;)i; @ ;/[".x-list-item-label;0o;1;2[o;3;2[o;4;2[o;5;["x-list-item-label;6"; ið;6@s; ið;6@s; ið; ið;)i; @ ;/["-&.x-list-ungrouped, &.x-list-grouped;0o;1;2[o;3;2[o;4;2[o;<;6"; iïo;5;["x-list-ungrouped;6@}; iï;6@}; iïo;3;2[" o;4;2[o;<;6@}; iïo;5;["x-list-grouped;6@}; iï;6@}; iï;6@}; iï; iïo;' ;T;[o;' ;T;[o;' ;T;[o;' ;T;[u;=[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @lineiû0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; iû;"border-top-radius; iû:@keywords{;)i; @ ;/[".x-list-item-label;0o;1;2[o;3;2[o;4;2[o;5;["x-list-item-label;6"; iú;6@ž; iú;6@ž; iú; iú;)i; @ ;/["&:first-child;0o;1;2[o;3;2[o;4;2[o;<;6"; iùo;> ;["first-child;6@¨;?0; iù;-;@;6@¨; iù;6@¨; iù; iùo;' ;T;[o;' ;T;[u;=[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @linei0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; i;"border-bottom-radius; i:@keywords{o;( ;[;)i; @ ;*;+;["border-width;o;,;"1px;-;.; i;)i; @ ;/[".x-list-item-label;0o;1;2[o;3;2[o;4;2[o;5;["x-list-item-label;6"; i;6@Â; i;6@Â; i; io;( ;[;)i; @ ;*;+;["margin-bottom;o;,;" 13px;-;.; i;)i; @ ;/["&:last-child;0o;1;2[o;3;2[o;4;2[o;<;6"; iÿo;> ;["last-child;6@Ò;?0; iÿ;-;@;6@Ò; iÿ;6@Ò; iÿ; iÿ;)i; @ ;/[".x-list-item;0o;1;2[o;3;2[o;4;2[o;5;["x-list-item;6"; iø;6@á; iø;6@á; iø; iø;)i; @ ;/["&.x-list-ungrouped;0o;1;2[o;3;2[o;4;2[o;<;6"; i÷o;5;["x-list-ungrouped;6@ë; i÷;6@ë; i÷;6@ë; i÷; i÷o;' ;T;[o;' ;T;[o;' ;T;[u;=[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @linei 0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; i ;"border-top-radius; i :@keywords{;)i; @ ;/[".x-list-item-label;0o;1;2[o;3;2[o;4;2[o;5;["x-list-item-label;6"; i ;6@; i ;6@; i ; i ;)i; @ ;/[".x-list-header-item;0o;1;2[o;3;2[o;4;2[o;5;["x-list-header-item;6"; i ;6@ ; i ;6@ ; i ; i o;' ;T;[o;( ;[;)i; @ ;*;+;["margin-bottom;o;,;" 13px;-;.; io;' ;T;[o;( ;[;)i; @ ;*;+;["border-width;o;,;"1px;-;.; iu;=[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @linei0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; i;"border-bottom-radius; i:@keywords{;)i; @ ;/[".x-list-item-label;0o;1;2[o;3;2[o;4;2[o;5;["x-list-item-label;6"; i;6@*; i;6@*; i; i;)i; @ ;/[".x-list-footer-item;0o;1;2[o;3;2[o;4;2[o;5;["x-list-footer-item;6"; i;6@6; i;6@6; i; i;)i; @ ;/["&.x-list-grouped;0o;1;2[o;3;2[o;4;2[o;<;6"; i o;5;["x-list-grouped;6@@; i ;6@@; i ;6@@; i ; i ;)i; @ ;/[".x-list-round;0o;1;2[o;3;2[o;4;2[o;5;["x-list-round;6"; iÌ;6@O; iÌ;6@O; iÌ; iÌo;' ;T;[o;' ;T;[o;( ;[;)i; @ ;*;+;[" display;o;,;"inline-block !important;-;.; i;)i; @ ;/[".x-dataview-item;0o;1;2[o;3;2[o;4;2[o;5;["x-dataview-item;6"; i;6@e; i;6@e; i; i;)i; @ ;/[".x-dataview-inlineblock;0o;1;2[o;3;2[o;4;2[o;5;["x-dataview-inlineblock;6"; i;6@q; i;6@q; i; io;' ;T;[o;' ;T;[o;( ;[;)i; @ ;*;+;["white-space;o;,;"nowrap !important;-;.; i$;)i; @ ;/[".x-dataview-container;0o;1;2[o;3;2[o;4;2[o;5;["x-dataview-container;6"; i#;6@‡; i#;6@‡; i#; i#;)i; @ ;/[".x-dataview-nowrap;0o;1;2[o;3;2[o;4;2[o;5;["x-dataview-nowrap;6"; i";6@“; i";6@“; i"; i"o;' ;T;[o;' ;T;[o;( ;[;)i; @ ;*;+;[" display;o;,;"inline-block !important;-;.; i*;)i; @ ;/[".x-list-item;0o;1;2[o;3;2[o;4;2[o;5;["x-list-item;6"; i);6@©; i);6@©; i); i);)i; @ ;/[".x-list-inlineblock;0o;1;2[o;3;2[o;4;2[o;5;["x-list-inlineblock;6"; i(;6@µ; i(;6@µ; i(; i(o;' ;T;[o;' ;T;[o;( ;[;)i; @ ;*;+;[" width;o;,;" auto;-;.; i0;)i; @ ;/[".x-list-inner;0o;1;2[o;3;2[o;4;2[o;5;["x-list-inner;6"; i/;6@Ë; i/;6@Ë; i/; i/o;' ;T;[o;( ;[;)i; @ ;*;+;["white-space;o;,;"nowrap !important;-;.; i3;)i; @ ;/[".x-list-container;0o;1;2[o;3;2[o;4;2[o;5;["x-list-container;6"; i2;6@ß; i2;6@ß; i2; i2;)i; @ ;/[".x-list-nowrap;0o;1;2[o;3;2[o;4;2[o;5;["x-list-nowrap;6"; i.;6@ë; i.;6@ë; i.; i.; @ ; [;"sencha-list; iRo;& ;T;[o;' ;T;[ o;( ;[;)i; @ ;*;+;[" height;o;,;" 50px;-;.; i:o;' ;T;[o;( ;[;)i; @ ;*;+;[" display;o;,;" none;-;.; i<o;( ;[;)i; @ ;*;+;[" margin;o;,;" auto;-;.; i=;)i; @ ;/[".x-loading-spinner;0o;1;2[o;3;2[o;4;2[o;5;["x-loading-spinner;6"; i;;6@; i;;6@; i;; i;o;' ;T;[ o;( ;[;)i; @ ;*;+;["text-align;o;,;" center;-;.; iAo;( ;[;)i; @ ;*;+;[" color;o; ; {;"active-color;"active_color; iB; iBo;( ;[;)i; @ ;*;+;["padding-top;o;,;" 10px;-;.; iCo;( ;[;)i; @ ;*;+;[" clear;o;,;" both;-;.; iDu;=A[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @lineiE0[o:Sass::Tree::MixinNode :@children[;{: @args[o:Sass::Script::Number :@denominator_units[;{:@numerator_units["px:@original"6px: @valuei ; iE;"border-radius; iE:@keywords{;)i; @ ;/[".x-list-paging-msg;0o;1;2[o;3;2[o;4;2[o;5;["x-list-paging-msg;6"; i@;6@:; i@;6@:; i@; i@o;' ;T;[o;' ;T;[o;( ;[;)i; @ ;*;+;[" display;o;,;" block;-;.; iJ;)i; @ ;/[".x-loading-spinner;0o;1;2[o;3;2[o;4;2[o;5;["x-loading-spinner;6"; iI;6@P; iI;6@P; iI; iIo;' ;T;[o;( ;[;)i; @ ;*;+;[" display;o;,;" none;-;.; iN;)i; @ ;/[".x-list-paging-msg;0o;1;2[o;3;2[o;4;2[o;5;["x-list-paging-msg;6"; iM;6@d; iM;6@d; iM; iM;)i; @ ;/["&.x-loading;0o;1;2[o;3;2[o;4;2[o;<;6"; iHo;5;["x-loading;6@n; iH;6@n; iH;6@n; iH; iH;)i; @ ;/[".x-list-paging;0o;1;2[o;3;2[o;4;2[o;5;["x-list-paging;6"; i9;6@}; i9;6@}; i9; i9; @ ; [;"sencha-list-paging; i8o;& ;T;[ o;' ;T;[o;; ;[; @ ; [;"display-box; iV;%{o;; ;[; @ ; [o;, ; {;"horizontal; iW;-;.;"box-orient; iW;%{o;; ;[; @ ; [o;, ; {;" center; iX;-;.;"box-align; iX;%{o;; ;[; @ ; [o;, ; {;" center; iY;-;.;" box-pack; iY;%{o;( ;[;)i; @ ;*;+;[" position;o;,;" absolute;-;.; iZo;( ;[;)i; @ ;*;+;["top;o;! ;"[; {;#["em;$" -5em;iö; i[; i[o;( ;[;)i; @ ;*;+;[" left;o;,;"0;-;.; i\o;( ;[;)i; @ ;*;+;[" width;o;,;" 100%;-;.; i]o;( ;[;)i; @ ;*;+;[" height;o;,;" 4.5em;-;.; i^o;' ;T;[o;( ;[;)i; @ ;*;+;[" display;o;,;" none;-;.; ia;)i; @ ;/[".x-loading-spinner;0o;1;2[o;3;2[o;4;2[o;5;["x-loading-spinner;6"; i`;6@Ö; i`;6@Ö; i`; i`;)i; @ ;/[".x-list-pullrefresh;0o;1;2[o;3;2[o;4;2[o;5;["x-list-pullrefresh;6"; iU;6@â; iU;6@â; iU; iUo;' ;T;[ o;( ;[;)i; @ ;*;+;[" width;o;,;" 2.5em;-;.; ifo;( ;[;)i; @ ;*;+;[" height;o;,;" 4.5em;-;.; igo;( ;[;)i; @ ;*;+;["background;o;7 ; {;8;9;[ o;, ; @ö;" center; ii;-;.o;, ; @ö;" center; ii;-;.o; ; @ö; [o; ; @ö;"theme-name;"theme_name; iio;, ; @ö;"pullarrow.png; ii;-;:;"theme_image; ii;%{o;, ; @ö;"no-repeat; ii;-;.; ii; iio;( ;[;)i; @ ;*;+;["background-size;o;,;" 2em 3em;-;.; ijo; ;[;0; @ ;0;"8/*-webkit-transition-property: -webkit-transform;*/; ik;[o; ;[;0; @ ;0;",/*-webkit-transition-duration: 200ms;*/; il;[o;; ;[; @ ; [o;! ;"[; {;#["deg;$" 0deg;i; im;" rotate; im;%{;)i; @ ;/[".x-list-pullrefresh-arrow;0o;1;2[o;3;2[o;4;2[o;5;["x-list-pullrefresh-arrow;6"; ie;6@+; ie;6@+; ie; ieo;' ;T;[o;; ;[; @ ; [o;! ;"[; {;#["deg;$" -180deg;iÿL; iq;" rotate; iq;%{;)i; @ ;/[":.x-list-pullrefresh-release .x-list-pullrefresh-arrow;0o;1;2[o;3;2[o;4;2[o;5;["x-list-pullrefresh-release;6"; ip;6@D; ipo;4;2[o;5;["x-list-pullrefresh-arrow;6@D; ip;6@D; ip;6@D; ip; ipo;' ;T;[o;( ;[;)i; @ ;*;+;[" width;o;,;" 20em;-;.; iuo;( ;[;)i; @ ;*;+;["font-size;o;,;" 0.7em;-;.; iv;)i; @ ;/[".x-list-pullrefresh-wrap;0o;1;2[o;3;2[o;4;2[o;5;["x-list-pullrefresh-wrap;6"; it;6@c; it;6@c; it; ito;' ;T;[ o;( ;[;)i; @ ;*;+;["font-weight;o;,;" bold;-;.; izo;( ;[;)i; @ ;*;+;["font-size;o;,;" 1.3em;-;.; i{o;( ;[;)i; @ ;*;+;["margin-bottom;o;,;" 0.1em;-;.; i|o;( ;[;)i; @ ;*;+;["text-align;o;,;" center;-;.; i};)i; @ ;/[" .x-list-pullrefresh-message;0o;1;2[o;3;2[o;4;2[o;5;["x-list-pullrefresh-message;6"; iy;6@‰; iy;6@‰; iy; iyo;' ;T;[o;( ;[;)i; @ ;*;+;["text-align;o;,;" center;-;.; i;)i; @ ;/[" .x-list-pullrefresh-updated;0o;1;2[o;3;2[o;4;2[o;5;["x-list-pullrefresh-updated;6"; i€;6@; i€;6@; i€; i€o;' ;T;[o; ;[;0; @ ;0;"/*position: relative;*/; i…;[o; ;[;0; @ ;0;"/*top: 0;*/; i†;[o; ;[;0; @ ;0;"y /*.x-loading-spinner { display: block; } .x-list-pullrefresh-arrow { display: none; }*/; iˆ;[;)i; @ ;/[" .x-list-pullrefresh-loading;0o;1;2[o;3;2[o;4;2[o;5;["x-list-pullrefresh-loading;6"; i„;6@·; i„;6@·; i„; i„; @ ; [;"sencha-list-pullrefresh; iT; @ ; i; "X#@import '../global'; /** * @class Ext.dataview.List */ /** * @var {color} $list-color * Text color for list rows. */ $list-color: #000 !default; /** * @var {color} $list-bg-color * Background-color for list rows. */ $list-bg-color: #f7f7f7 !default; /** * @var {color} $include-list-highlights * Optionally disable all list gradients, text-shadows, and box-shadows. Useful for CSS debugging, * non-performant browsers, or minimalist designs. */ $include-list-highlights: $include-highlights !default; /** * @var {boolean} $list-zebrastripe * Optionally zebra-stripe the list (alternating background colors). */ $list-zebrastripe: false !default; /** * @var {color} $list-pressed-color * Background-color for pressed list rows. */ $list-pressed-color: lighten($active-color, 50%) !default; /** * @var {color} $list-active-color * Background-color for selected list rows. */ $list-active-color: $active-color !default; /** * @var {string} $list-active-gradient * Gradient style for selected list rows. */ $list-active-gradient: $base-gradient !default; /** * @var {color} $list-header-bg-color * Background-color for list header rows (in grouped lists). */ $list-header-bg-color: lighten(saturate($base-color, 10%), 20%) !default; /** * @var {string} $list-header-gradient * Gradient style for list header rows (in grouped lists). */ $list-header-gradient: $base-gradient !default; /** * @var {measurement} $list-disclosure-size * Default size (width/height) for disclosure icons. */ $list-disclosure-size: 1.7em; /** * @var {measurement} $list-disclosure-round-size * Default size (width/height) for disclosure icons in a list with a 'round' ui. */ $list-disclosure-round-size: 1.5em; /** * Includes default list styles. */ @mixin sencha-list { .x-list { position: relative; background-color: $list-bg-color; .x-list-inner { width: 100%; } .x-list-disclosure { position: absolute; bottom: 0.44em; right: 0.44em; } .x-list-disclosure { overflow: visible; -webkit-mask: 0 0 theme_image($theme-name, "disclosure.png") no-repeat; -webkit-mask-size: $list-disclosure-size; @include background-gradient(saturate($active-color, 10%)); width: $list-disclosure-size; height: $list-disclosure-size; } &.x-list-indexed .x-list-disclosure { margin-right: 1em; } .x-item-selected .x-list-disclosure { background: #fff none; } .x-list-item { position: relative; color: $list-color; .x-list-item-label { min-height: $global-row-height; padding: 0.65em 0.8em; } &.x-item-pressed { .x-list-item-label { background: $list-pressed-color none; } } &.x-item-selected { .x-list-item-label { @include background-gradient($list-active-color, $list-active-gradient); @include color-by-background($list-active-color); @include bevel-by-background($list-active-color); } } } } .x-list-header { position: relative; } .x-list-header-swap { position: absolute; left: 0; width: 100%; z-index: 1; } .x-ios .x-list-header-swap { @include transform(translate3d(0, 0, 0)); } .x-list-normal { .x-list-header { @include background-gradient($list-header-bg-color, $list-header-gradient); @include color-by-background($list-header-bg-color, 30%); @include bevel-by-background($list-header-bg-color); border-top: 1px solid $list-header-bg-color; border-bottom: 1px solid darken($list-header-bg-color, 20%); font-weight: bold; font-size: 0.8em; padding: 0.2em 1.02em; @include bevel-by-background($list-header-bg-color); } .x-list-item { @if $list-zebrastripe { .x-list-item-label { border-top: 1px solid transparent; } &:nth-child(even) .x-list-item-label { background-color: darken($list-bg-color, 5%); } &:last-child:nth-child(odd) .x-list-item-label { border-bottom: 1px solid darken($list-bg-color, 5%); } } @else { .x-list-item-label { border-top: 1px solid darken($list-bg-color, 10%); } &:last-child .x-list-item-label { border-bottom: 1px solid darken($list-bg-color, 10%); } } &:first-child .x-list-item-label { border-top: 0; } @if $include-list-highlights { &.x-item-pressed .x-list-item-label { border-top-color: $list-pressed-color; background-color: $list-pressed-color; } &.x-item-selected .x-list-item-label { border-top-color: $list-active-color; border-bottom-color: darken($list-active-color, 15%); } } } } .x-list-round { .x-scroll-view { background-color: #EEEEEE !important; // @todo No !important plz } .x-list-disclosure { overflow: hidden; -webkit-mask: 0 0 theme_image($theme-name, "disclosure2.png") no-repeat; -webkit-mask-size: $list-disclosure-round-size; @include background-gradient(lighten(desaturate($base-color, 10), 10)); width: $list-disclosure-round-size; height: $list-disclosure-round-size; bottom: 0.5em; } .x-list-header { color: #777; font-size: 1em; font-weight: bold; padding-left: 26px; line-height: 1.7em; // background: rgba(238,238,238,.8); @include background-image(linear-gradient(top, rgba(238,238,238,1), rgba(238,238,238,.9) 30%, rgba(238,238,238,.4))); } .x-list-container { padding: 13px 13px 0 13px; .x-list-header { padding-left: 13px; background-image: none; } } &.x-list-ungrouped, &.x-list-grouped { .x-list-item-label { border: solid #DDDDDD; border-width: 1px 1px 0 1px; background: #fff; } } &.x-list-ungrouped { .x-list-item { &:first-child { .x-list-item-label { @if $include-border-radius { @include border-top-radius($form-fieldset-radius); } } } &:last-child { .x-list-item-label { @if $include-border-radius { @include border-bottom-radius($form-fieldset-radius); } border-width: 1px; } margin-bottom: 13px; } } } &.x-list-grouped { .x-list-header-item { .x-list-item-label { @if $include-border-radius { @include border-top-radius($form-fieldset-radius); } } } .x-list-footer-item { margin-bottom: 13px; .x-list-item-label { border-width: 1px; @if $include-border-radius { @include border-bottom-radius($form-fieldset-radius); } } } } } .x-dataview-inlineblock { .x-dataview-item { display: inline-block !important; } } .x-dataview-nowrap { .x-dataview-container { white-space: nowrap !important; } } .x-list-inlineblock { .x-list-item { display: inline-block !important; } } .x-list-nowrap { .x-list-inner { width: auto; } .x-list-container { white-space: nowrap !important; } } } @mixin sencha-list-paging { .x-list-paging { height: 50px; .x-loading-spinner { display: none; margin: auto; } .x-list-paging-msg { text-align: center; color: $active-color; padding-top: 10px; clear: both; @if $include-border-radius { @include border-radius(6px); } } &.x-loading { .x-loading-spinner { display: block; } .x-list-paging-msg { display: none; } } } } @mixin sencha-list-pullrefresh { .x-list-pullrefresh { @include display-box; @include box-orient(horizontal); @include box-align(center); @include box-pack(center); position: absolute; top: -5em; left: 0; width: 100%; height: 4.5em; .x-loading-spinner { display: none; } } .x-list-pullrefresh-arrow { width: 2.5em; height: 4.5em; background: center center theme_image($theme-name, "pullarrow.png") no-repeat; background-size: 2em 3em; /*-webkit-transition-property: -webkit-transform;*/ /*-webkit-transition-duration: 200ms;*/ @include rotate(0deg); } .x-list-pullrefresh-release .x-list-pullrefresh-arrow { @include rotate(-180deg); } .x-list-pullrefresh-wrap { width: 20em; font-size: 0.7em; } .x-list-pullrefresh-message { font-weight: bold; font-size: 1.3em; margin-bottom: 0.1em; text-align: center; } .x-list-pullrefresh-updated { text-align: center; } .x-list-pullrefresh-loading { /*position: relative;*/ /*top: 0;*/ /*.x-loading-spinner { display: block; } .x-list-pullrefresh-arrow { display: none; }*/ } }