3.1.2 (Brainy Betty) 71396631460ba2c15ff8184e266459c3e424153e o:Sass::Tree::RootNode :@has_childrenT:@children[o:Sass::Tree::ImportNode ;[:@imported_filename"../global: @options{: @linei:@template0o:Sass::Tree::CommentNode ;[; @ : @lines[: @loud0: @value"S/** * Includes default form slider styles. * * @member Ext.field.Slider */; i: @silent0o:Sass::Tree::MixinDefNode ;T;[ o:Sass::Tree::RuleNode ;T;[o; ;T;[o:Sass::Tree::PropNode ;[: @tabsi; @ : @name[" padding:@prop_syntax:new;o:Sass::Script::Variable ; {;"form-spacing:@underscored_name"form_spacing; i; i;i; @ : @rule[".x-component-outer:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename": @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence;@ ;[o:Sass::Selector::Class;["x-component-outer;@ ; i; i; i; i;i; @ ;["%.x-slider-field, .x-toggle-field;o;;";[o; ;[o;!;@,;[o;";["x-slider-field;@,; i; io; ;[o;!;@,;[o;";["x-toggle-field;@,; i; i; i; io; ;T;[ o; ;[;i; @ ;[" position;;;o:Sass::Script::String;" relative: @type:identifier; io; ;[;i; @ ;[" height;;;o; ; {;"form-thumb-size;"form_thumb_size; i; io; ;[;i; @ ;["min-height;;;o;#;"0;$;%; io; ;[;i; @ ;["min-width;;;o;#;"0;$;%; io; ;T;[o; ;[;i; @ ;[" position;;;o;#;" absolute;$;%; io; ;[;i; @ ;[" width;;;o;#;" 100%;$;%; io; ;[;i; @ ;[" height;;;o;#;" 100%;$;%; i;i; @ ;["> *;o;;";[o; ;[">o;!;@o;[o:Sass::Selector::Universal:@namespace0;@o; i; i; i; i;i; @ ;[".x-slider, .x-toggle;o;;";[o; ;[o;!;@z;[o;";[" x-slider;@z; i; io; ;[" o;!;@z;[o;";[" x-toggle;@z; i; i; i; io; ;T;[o; ;[;i; @ ;[" opacity;;;o;#;".6;$;%; i$;i; @ ;[".x-slider.x-item-disabled;o;;";[o; ;[o;!;@‘;[o;";[" x-slider;@‘; i#o;";["x-item-disabled;@‘; i#; i#; i#; i#u:Sass::Tree::IfNodeæ[o:Sass::Script::Variable : @options{: @name"basic-slider:@underscored_name"basic_slider: @linei'u:Sass::Tree::IfNodeÍ[00[o:Sass::Tree::RuleNode :@has_childrenT:@children[ o:Sass::Tree::PropNode ;[: @tabsi: @options{: @name[" position:@prop_syntax:new: @valueo:Sass::Script::String;" absolute: @type:identifier: @linei?o; ;[; i; @ ; [" height; ; ;o:Sass::Script::Variable ; {; "form-thumb-size:@underscored_name"form_thumb_size;i@;i@o; ;[; i; @ ; [" width; ; ;o; ; {; "form-thumb-size;"form_thumb_size;iA;iAo:Sass::Tree::CommentNode ;[; @ : @lines[: @loud0;"/* The actual thumb */;iC: @silentio; ;T;[ o:Sass::Tree::MixinNode ;[; @ :@keywords{: @args[ o; ; {; "form-toggle-size;"form_toggle_size;iEo; ; @+; "form-toggle-size;"form_toggle_size;iEo; ; @+; "form-thumb-space;"form_thumb_space;iEo; ; @+; "form-thumb-space;"form_thumb_space;iE; "insertion;iEo; ;[; i; @ ; [" border; ; ;o:Sass::Script::List ; {:@separator: space;[o:Sass::Script::Number :@original"1px; @=:@denominator_units[:@numerator_units["px;i;iFo; ; @=;" solid;iF;;o:Sass::Script::Funcall ; @=;{;[o; ; @=; "form-light;"form_light;iFo; ; "30%; @=;![;"["%;i#;iF; " darken;iF;iF;iFu:Sass::Tree::IfNode²[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @lineiG0[o:Sass::Tree::MixinNode :@children[;{:@keywords{: @args[o:Sass::Script::Operation :@operand2o:Sass::Script::Number :@original"2;{:@denominator_units[:@numerator_units[: @valuei; iG;@:@operand1o; ;@;"form-toggle-size;"form_toggle_size; iG:@operator:div; iG;"border-radius; iGo; ;[; @ ;[;0;"/* overflow: visible; */;iH;io; ;[; @ ;{;[o; ; {; "form-light;"form_light;iI; "background-gradient;iIo; ;[; @ ;{;[o; ; {;"padding-box;iJ;;; "background-clip;iJ; i; @ : @rule[" &:before:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename": @members[o:Sass::Selector::Sequence;)[o:#Sass::Selector::SimpleSequence;(@k;)[o:Sass::Selector::Parent;(@k;iDo:Sass::Selector::Pseudo : @arg0; [" before;(@k;iD;: class;iD;iD;iDo; ;T;[o; ;T;[o; ;[; @ ;{;[o;# ; {;{;[o; ; @~; "form-light;"form_light;iOo; ; "5%; @~;![;"["%;i ;iO; " darken;iO; "background-gradient;iO; i; @ ;%[" &:before;&o;';(";)[o;*;)[o;+;(@‰;)[o;,;(@‰;iNo;- ;.0; [" before;(@‰;iN;;/;iN;iN;iNo; ;[; i; @ ; [" opacity; ; ;o;;"1;;;iQ; i; @ ;%["&.x-dragging;&o;';(";)[o;*;)[o;+;(@œ;)[o;,;(@œ;iMo:Sass::Selector::Class; ["x-dragging;(@œ;iM;iM;iM;iM; i; @ ;%[" .x-thumb;&o;';(";)[o;*;)[o;+;(@©;)[o;0; [" x-thumb;(@©;i>;i>;i>;i>o; ;[; @ ;[;0;""/* Create the slider track */;iU;io; ;T;[ o; ;[; @ ;{;[ o; ; {;" auto;iW;;o; ; @½; "form-slider-size;"form_slider_size;iWo:Sass::Script::Operation :@operand2o;1 ;2o; ; "2; @½;![;"[;i;iW; @½:@operand1o; ; @½; "form-thumb-space;"form_thumb_space;iW:@operator:div;iW; @½;3o;1 ;2o;1 ;2o; ; "2; @½;!@Æ;"[;i;iW; @½;3o; ; @½; "form-spacing;"form_spacing;iW;4;5;iW; @½;3o;1 ;2o;1 ;2o; ; "2; @½;!@Æ;"[;i;iW; @½;3o; ; @½; "form-slider-size;"form_slider_size;iW;4;5;iW; @½;3o;1 ;2o; ; "2; @½;!@Æ;"[;i;iW; @½;3o; ; @½; "form-toggle-size;"form_toggle_size;iW;4;5;iW;4: minus;iW;4: plus;iW;4;6;iWo; ; "0; @½;!@Æ;"[;i;iW; "insertion;iWo; ;[; i; @ ; [" right; ; ;o;;"0;;;iXo; ;[; i; @ ; [" margin; ; ;o; ; {;;;[o; ; "0; @ñ;!@Æ;"[;i;iYo;1 ;2o; ; "2; @ñ;!@Æ;"[;i;iY; @ñ;3o; ; @ñ; "form-toggle-size;"form_toggle_size;iY;4;5;iY;iY;iYo; ;[; @ ;{;[o; ; {; "form-light;"form_light;iZo; ; @;" recessed;iZ;: string; "background-gradient;iZo; ;[; i; @ ; [" border; ; ;o; ; {;;;[o; ; " 0.1em; @ ;![;"["em;f0.10000000000000001™š;i[o; ; @ ;" solid;i[;;o;# ; @ ;{;[o:Sass::Script::Color ; @ ;0;i[: @attrs{ :redi: alphai: greeni: blueio; ; "0.1; @ ;!@Æ;"[;f0.10000000000000001™š;i[; " rgba;i[;i[;i[o; ;[; i; @ ; ["border-bottom; ; ;o;;"0;;;i\o; ;[; i; @ ; ["-webkit-box-shadow; ; ;o; ; {;;;[ o;# ; @,;{;[o;9 ; @,;0;i];:{ ;;iÿ;iÿo; ; "0.7; @,;!@Æ;"[;f0.69999999999999996ff;i]; " rgba;i]o; ; "0; @,;!@Æ;"[;i;i]o; ; " 0.1em; @,;![;"["em;f0.10000000000000001™š;i]o; ; "0; @,;!@Æ;"[;i;i];i];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:Sass::Script::Operation :@operand2o:Sass::Script::Number :@original"2;{:@denominator_units[:@numerator_units[: @valuei; i^;@:@operand1o; ;@;"form-slider-size;"form_slider_size; i^:@operator:div; i^;"border-radius; i^; i; @ ;%[".x-slider:after;&o;';(";)[o;*;)[o;+;(@H;)[o;0; [" x-slider;(@H;iVo;- ;.0; [" after;(@H;iV;;/;iV;iV;iV[o:Sass::Tree::RuleNode :@has_childrenT:@children[ o:Sass::Tree::PropNode ; [: @tabsi;{;[" position:@prop_syntax:new: @valueo:Sass::Script::String;" absolute: @type:identifier; i)o; ; [;i;@;[" height;;;o; ;{;"form-thumb-size;"form_thumb_size; i*; i*o; ; [;i;@;[" width;;;o; ;{;"form-thumb-size;"form_thumb_size; i+; i+o; ; [;i;@;[" border;;;o;;" #000;;; i,o; ; [;i;@;["background-color;;;o;;" #777;;; i-o; ; T; [o; ; [;i;@;["background-color;;;o;;" #AAA;;; i0;i;@: @rule["&.x-dragging:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename": @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence;@<;[o:Sass::Selector::Parent;@<; i/o:Sass::Selector::Class;["x-dragging;@<; i/; i/; i/; i/;i;@;[" .x-thumb;o;;";[o;;[o;;@I;[o;;[" x-thumb;@I; i(; i(; i(; i(o:Sass::Tree::CommentNode ; [;@: @lines[: @loud0;""/* Create the slider track */; i4: @silentio; ; T; [ o:Sass::Tree::MixinNode ; [;@:@keywords{: @args[ o; ;{;" auto; i6;;o; ;@];"form-slider-size;"form_slider_size; i6o:Sass::Script::Operation :@operand2o;& ;'o:Sass::Script::Number :@original"2;@]:@denominator_units[:@numerator_units[;i; i6;@]:@operand1o; ;@];"form-thumb-space;"form_thumb_space; i6:@operator:div; i6;@];,o;& ;'o;& ;'o;( ;)"2;@];*@f;+[;i; i6;@];,o; ;@];"form-spacing;"form_spacing; i6;-;.; i6;@];,o;& ;'o;& ;'o;( ;)"2;@];*@f;+[;i; i6;@];,o; ;@];"form-slider-size;"form_slider_size; i6;-;.; i6;@];,o;& ;'o;( ;)"2;@];*@f;+[;i; i6;@];,o; ;@];"form-toggle-size;"form_toggle_size; i6;-;.; i6;-: minus; i6;-: plus; i6;-;/; i6o;( ;)"0;@];*@f;+[;i; i6;"insertion; i6o; ; [;i;@;[" right;;;o;;"0;;; i7o; ; [;i;@;[" margin;;;o:Sass::Script::List ;{:@separator: space;[o;( ;)"0;@Œ;*@f;+[;i; i8o;& ;'o;( ;)"2;@Œ;*@f;+[;i; i8;@Œ;,o; ;@Œ;"form-toggle-size;"form_toggle_size; i8;-;.; i8; i8; i8o; ; [;i;@;[" border;;;o;1 ;{;2;3;[o;( ;)" 0.1em;@;*[;+["em;f0.10000000000000001™š; i9o; ;@;" solid; i9;;o:Sass::Script::Funcall ;@;${;%[o:Sass::Script::Color ;@;0; i9: @attrs{ :redi: alphai: greeni: blueio;( ;)"0.1;@;*@f;+[;f0.10000000000000001™š; i9;" rgba; i9; i9; i9o; ; [;i;@;["border-bottom;;;o;;"0;;; i:o; ; [;i;@;["background-color;;;o; ;{;"form-light;"form_light; i;; i;;i;@;[".x-slider:after;o;;";[o;;[o;;@Â;[o;;[" x-slider;@Â; i5o:Sass::Selector::Pseudo : @arg0;[" after;@Â; i5;: class; i5; i5; i5o; ;T;[ o; ;[;i; @ ;[" width;;;o:Sass::Script::Operation :@operand2o:Sass::Script::Number :@original"2; {:@denominator_units[:@numerator_units[;i; ic; @§:@operand1o; ; @§;"form-thumb-size;"form_thumb_size; ic:@operator: times; ic; icu;(°[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @lineid0[o:Sass::Tree::MixinNode :@children[;{:@keywords{: @args[o:Sass::Script::Operation :@operand2o:Sass::Script::Number :@original"2;{:@denominator_units[:@numerator_units[: @valuei; id;@:@operand1o; ;@;"form-thumb-size;"form_thumb_size; id:@operator:div; id;"border-radius; ido; ;[;i; @ ;[" overflow;;;o;#;" hidden;$;%; ieo; ;[;i; @ ;[" border;;;o:Sass::Script::List ; {:@separator: space;[o;+ ;,"1px; @¹;-[;.["px;i; ifo;# ; @¹;" solid; if;$;%o:Sass::Script::Funcall ; @¹:@keywords{: @args[o; ; @¹;"form-light;"form_light; ifo;+ ;,"15%; @¹;-[;.["%;i; if;" darken; if; if; ifo:Sass::Tree::MixinNode ;[; @ ;6{;7[o; ; {;"form-light;"form_light; igo;# ; @Ó;" recessed; ig;$: string;"background-gradient; igo; ;[;i; @ ;["-webkit-box-flex;;;o;#;"0;$;%; iho; ;[; @ ;[;0;"›/* Masking the slider doesn't work in iOS 3, so we're fake-masking the outer area * UPDATED: Doesnt fly on Android... * &:after { * @include insertion($form-thumb-size*2, $form-thumb-size, 0, 0); * -webkit-mask: theme_image($theme-name, "trackmask_outer.png"); * background-color: white; * -webkit-mask-size: $form-thumb-size*2 $form-thumb-size; * pointer-events: none; * z-index: 4; * } */; ij;io; ;T;[ o; ;T;[o; ;[;i; @ ;[" opacity;;;o;#;"1;$;%; iw;i; @ ;["&.x-dragging;o;;";[o; ;[o;!;@ð;[o:Sass::Selector::Parent;@ð; ivo;";["x-dragging;@ð; iv; iv; iv; ivo; ;T;[o; ;[;i; @ ;["top;;;o;) ;*o;+ ;,"2; {;-@¨;.[;i; i{; @;/o;) ;*o; ; @;"form-toggle-size;"form_toggle_size; i{; @;/o; ; @;"form-thumb-size;"form_thumb_size; i{;0: minus; i{;0:div; i{; i{;i; @ ;[" &:before;o;;";[o; ;[o;!;@;[o;:;@; izo:Sass::Selector::Pseudo : @arg0;[" before;@; iz;$: class; iz; iz; izo; ;[; @ ;[;0;"›/* Actual thumb * &:after { * @include insertion($form-thumb-size, $form-thumb-size, 0, 0); * -webkit-box-shadow: rgba(0,0,0,.5) 0 0 .15em; * @if $include-border-radius { @include border-radius($form-thumb-size/2); } * -webkit-transform: scale(.65); * @include background-gradient($complement_light, 'glossy'); * border: 1px solid $complement; * overflow: visible; * z-index: 2; * } */; i~;io; ;[; @ ;[;0;"ê/* &.x-dragging { * &:after { * -webkit-transform: scale(.75); * } * } * * Used to animate the thumb. class added/removed by javascript when needed. * &.x-animate { * -webkit-transition: left .2s ease-in-out; * } */; i…;i;i; @ ;[" .x-thumb;o;;";[o; ;[o;!;@$;[o;";[" x-thumb;@$; iu; iu; iu; iu;i; @ ;[".x-toggle;o;;";[o; ;[o;!;@0;[o;";[" x-toggle;@0; ib; ib; ib; ibo; ;T;[o;8 ;[; @ ;6{;7[o; ; {;"confirm-color;"confirm_color; i“o;# ; @@;" recessed; i“;$;9;"background-gradient; i“;i; @ ;[".x-toggle-on;o;;";[o; ;[o;!;@I;[o;";["x-toggle-on;@I; i’; i’; i’; i’; @ ;7[;"sencha-form-sliders; i ; @ ; i; "Ó@import '../global'; /** * Includes default form slider styles. * * @member Ext.field.Slider */ @mixin sencha-form-sliders { .x-slider-field, .x-toggle-field { .x-component-outer { padding: $form-spacing; } } .x-slider, .x-toggle { position: relative; height: $form-thumb-size; min-height: 0; min-width: 0; > * { position: absolute; width: 100%; height: 100%; } } .x-slider.x-item-disabled { opacity: .6; } @if $basic-slider { .x-thumb { position: absolute; height: $form-thumb-size; width: $form-thumb-size; border: #000; background-color: #777; &.x-dragging { background-color: #AAA; } } // Create the slider track .x-slider:after { @include insertion(auto, $form-slider-size, $form-toggle-size / 2 - $form-slider-size/2 + $form-spacing/2 - $form-thumb-space / 2, 0); right: 0; margin: 0 $form-toggle-size/2; border: .1em solid rgba(#000, .1); border-bottom: 0; background-color: $form-light; } } @else { .x-thumb { position: absolute; height: $form-thumb-size; width: $form-thumb-size; // The actual thumb &:before { @include insertion($form-toggle-size, $form-toggle-size, $form-thumb-space, $form-thumb-space); border: 1px solid darken($form-light, 30%); @if $include-border-radius { @include border-radius($form-toggle-size/2); } // overflow: visible; @include background-gradient($form-light); @include background-clip(padding-box); } &.x-dragging { &:before { @include background-gradient(darken($form-light, 5%)); } opacity: 1; } } // Create the slider track .x-slider:after { @include insertion(auto, $form-slider-size, $form-toggle-size / 2 - $form-slider-size/2 + $form-spacing/2 - $form-thumb-space / 2, 0); right: 0; margin: 0 $form-toggle-size/2; @include background-gradient($form-light, 'recessed'); border: .1em solid rgba(#000, .1); border-bottom: 0; -webkit-box-shadow: rgba(#fff,.7) 0 .1em 0; @if $include-border-radius { @include border-radius($form-slider-size/2); } } } .x-toggle { width: $form-thumb-size * 2; @if $include-border-radius { @include border-radius($form-thumb-size/2); } overflow: hidden; border: 1px solid darken($form-light, 15%); @include background-gradient($form-light, 'recessed'); -webkit-box-flex: 0; // Masking the slider doesn't work in iOS 3, so we're fake-masking the outer area // UPDATED: Doesnt fly on Android... // &:after { // @include insertion($form-thumb-size*2, $form-thumb-size, 0, 0); // -webkit-mask: theme_image($theme-name, "trackmask_outer.png"); // background-color: white; // -webkit-mask-size: $form-thumb-size*2 $form-thumb-size; // pointer-events: none; // z-index: 4; // } .x-thumb { &.x-dragging { opacity: 1; } &:before { top: ($form-thumb-size - $form-toggle-size) / 2; } // Actual thumb // &:after { // @include insertion($form-thumb-size, $form-thumb-size, 0, 0); // -webkit-box-shadow: rgba(0,0,0,.5) 0 0 .15em; // @if $include-border-radius { @include border-radius($form-thumb-size/2); } // -webkit-transform: scale(.65); // @include background-gradient($complement_light, 'glossy'); // border: 1px solid $complement; // overflow: visible; // z-index: 2; // } // &.x-dragging { // &:after { // -webkit-transform: scale(.75); // } // } // // Used to animate the thumb. class added/removed by javascript when needed. // &.x-animate { // -webkit-transition: left .2s ease-in-out; // } } } .x-toggle-on { @include background-gradient($confirm-color, 'recessed'); } }