3.1.2 (Brainy Betty) cfa8c694e7f63f51df4b4cb3378ac070ad64f02c o:Sass::Tree::RootNode :@has_childrenT:@children[o:Sass::Tree::ImportNode ;[:@imported_filename"../global: @options{: @linei:@template0o:Sass::Tree::CommentNode ;[; @ : @lines[: @loud0: @value"-/** * @class Ext.carousel.Indicator */; i: @silent0o; ;[; @ ;[;0;"k/** * @var {measurement} $carousel-indicator-size Size (width/height) of carousel indicator dots. */; i ;0o:Sass::Tree::VariableNode : @expro:Sass::Script::Number :@original" 0.5em; {:@denominator_units[:@numerator_units["em;f0.5; i;[; @ : @name"carousel-indicator-size: @guarded" !default; io; ;[; @ ;[;0;"r/** * @var {measurement} $carousel-indicator-spacing * Amount of space between carousel indicator dots. */; i;0o; ;o; ;" 0.2em; {;[;["em;f0.20000000000000001™š; i;[; @ ;"carousel-indicator-spacing;" !default; io; ;[; @ ;[;0;"m/** * @var {measurement} $carousel-track-size Size of the track the carousel indicator dots are in. */; i;0o; ;o; ;" 1.5em; {;[;["em;f1.5; i;[; @ ;"carousel-track-size;" !default; io; ;[; @ ;[;0;"¯/** * Creates a theme UI for carousel indicator components. * * @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. * @param {color} $active-color Active color for the UI. * @param {string} $active-gradient Active gradient for the UI. */; i;0o:Sass::Tree::MixinDefNode ;T;[o:Sass::Tree::RuleNode ;T;[o:Sass::Tree::MixinNode ;[; @ :@keywords{: @args[o:Sass::Script::Variable ; {;" color:@underscored_name" color; i(o; ; @I;" gradient; " gradient; i(;"background-gradient; i(o; ;T;[o; ;[; @ ;{;[o; ; {;"active-color; "active_color; i+o; ; @W;"active-gradient; "active_gradient; i+;"background-gradient; i,: @tabsi; @ : @rule[""&.x-carousel-indicator-active:@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-carousel-indicator-active;%@a; i*; i*; i*; i*;!i; @ ;"[".x-carousel-indicator-o; ; {;" ui-label; " ui_label; i'" span; i'; @ ;[ [o;; {;" ui-label; " ui_label0[o;; @u;" color; " color0[o;; @u;" gradient; " gradient0[o;; @u;"active-color; "active_color0[o;; @u;"active-gradient; "active_gradient0;"!sencha-carousel-indicator-ui; i&o; ;[; @ ;[;0;",/** * @class Ext.carousel.Carousel */; i0;0o; ;[; @ ;[;0;"3/** * Includes basic carousel formatting. */; i4;0o; ;T;[o; ;T;[o:Sass::Tree::PropNode ;[;!i; @ ;[" position:@prop_syntax:new;o:Sass::Script::String;" relative: @type:identifier; i9o;+ ;[;!i; @ ;[" overflow;,;-;o;.;" hidden;/;0; i:;!i; @ ;"[".x-carousel;#o;$;%";&[o;';&[o;(;%@Ÿ;&[o;*;["x-carousel;%@Ÿ; i8; i8; i8; i8o; ;T;[ o;+ ;[;!i; @ ;[" position;,;-;o;.;" absolute;/;0; i>o;+ ;[;!i; @ ;[" width;,;-;o;.;" 100%;/;0; i?o;+ ;[;!i; @ ;[" height;,;-;o;.;" 100%;/;0; i@o; ;T;[o;+ ;[;!i; @ ;[" position;,;-;o;.;" absolute;/;0; iCo;+ ;[;!i; @ ;[" width;,;-;o;.;" 100%;/;0; iDo;+ ;[;!i; @ ;[" height;,;-;o;.;" 100%;/;0; iE;!i; @ ;"["> *;#o;$;%";&[o;';&[">o;(;%@Ó;&[o:Sass::Selector::Universal:@namespace0;%@Ó; iB; iB; iB; iB;!i; @ ;"[".x-carousel-item;#o;$;%";&[o;';&[o;(;%@Þ;&[o;*;["x-carousel-item;%@Þ; i=; i=; i=; i=o; ;T;[ o; ;[; @ ;[;0;"I/* @TODO: we should not have to cancel out the x-floating styling */; iJ;io;+ ;[;!i; @ ;[" padding;,;-;o;.;"0;/;0; iKo;+ ;[;!i; @ ;["-webkit-border-radius;,;-;o;.;"0;/;0; iLo;+ ;[;!i; @ ;["border-radius;,;-;o;.;"0;/;0; iMo;+ ;[;!i; @ ;["-webkit-box-shadow;,;-;o;.;" none;/;0; iNo;+ ;[;!i; @ ;["background-color;,;-;o;.;"transparent;/;0; iOo;+ ;[;!i; @ ;["background-image;,;-;o;.;" none;/;0; iP;!i; @ ;"[".x-carousel-indicator;#o;$;%";&[o;';&[o;(;%@;&[o;*;["x-carousel-indicator;%@; iI; iI; iI; iIo; ;T;[ o;+ ;[;!i; @ ;["-webkit-box-flex;,;-;o;.;"1;/;0; iTo; ;[; @ ;{;[;"display-box; iVo; ;[; @ ;{;[o;. ; {;" center; iW;/;0;" box-pack; iWo; ;[; @ ;{;[o;. ; {;" center; iX;/;0;"box-align; iXo; ;T;[ o;+ ;[;!i; @ ;[" display;,;-;o;.;" block;/;0; i[o;+ ;[;!i; @ ;[" width;,;-;o; ; {;"carousel-indicator-size; "carousel_indicator_size; i\; i\o;+ ;[;!i; @ ;[" height;,;-;o; ; {;"carousel-indicator-size; "carousel_indicator_size; i]; 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:Sass::Script::Operation :@operand2o:Sass::Script::Number :@original"2;{:@denominator_units[:@numerator_units[: @valuei; i^;@:@operand1o; ;@;"carousel-indicator-size;"carousel_indicator_size; i^:@operator:div; i^;"border-radius; i^o;+ ;[;!i; @ ;[" margin;,;-;o; ; {;"carousel-indicator-spacing; "carousel_indicator_spacing; i_; i_;!i; @ ;"[" span;#o;$;%";&[o;';&[o;(;%@^;&[o:Sass::Selector::Element ;20;[" span;%@^; iZ; iZ; iZ; iZ;!i; @ ;"[".x-carousel-indicator;#o;$;%";&[o;';&[o;(;%@j;&[o;*;["x-carousel-indicator;%@j; iS; iS; iS; iSo; ;T;[o;+ ;[;!i; @ ;[" height;,;-;o; ; {;"carousel-track-size; "carousel_track_size; id; ido;+ ;[;!i; @ ;[" width;,;-;o;.;" 100%;/;0; ie;!i; @ ;"["%.x-carousel-indicator-horizontal;#o;$;%";&[o;';&[o;(;%@†;&[o;*;["$x-carousel-indicator-horizontal;%@†; ic; ic; ic; ico; ;T;[o; ;[; @ ;{;[o;. ; {;" vertical; ii;/;0;"box-orient; iio;+ ;[;!i; @ ;[" width;,;-;o; ; {;"carousel-track-size; "carousel_track_size; ij; ijo;+ ;[;!i; @ ;[" height;,;-;o;.;" 100%;/;0; ik;!i; @ ;"["#.x-carousel-indicator-vertical;#o;$;%";&[o;';&[o;(;%@ª;&[o;*;[""x-carousel-indicator-vertical;%@ª; ih; ih; ih; iho; ;o:Sass::Script::Funcall ; {;{;[o:Sass::Script::Color ; @µ;0; in: @attrs{ :rediÿ: alphai: greeniÿ: blueiÿo; ;"0.1; @µ;[;[;f0.10000000000000001™š; in;" rgba; in;[; @ ;"indicator-light;0; ino; ;o;5 ; {;{;[o;6 ; @Ä;0; io;7{ ;8iÿ;9i;:iÿ;;iÿo; ;"0.3; @Ä;@¼;[;f0.2999999999999999933; io;" rgba; io;[; @ ;"indicator-light-active;0; ioo; ;o;5 ; {;{;[o;6 ; @Ò;0; ip;7{ ;8i;9i;:i;;io; ;"0.1; @Ò;@¼;[;f0.10000000000000001™š; ip;" rgba; ip;[; @ ;"indicator-dark;0; ipo; ;o;5 ; {;{;[o;6 ; @à;0; iq;7{ ;8i;9i;:i;;io; ;"0.3; @à;@¼;[;f0.2999999999999999933; iq;" rgba; iq;[; @ ;"indicator-dark-active;0; iqo; ;[; @ ;{;[ o;. ; {;" light; is;/: stringo; ; @ñ;"indicator-light; "indicator_light; iso;. ; @ñ;" flat; is;/; * { position: absolute; width: 100%; height: 100%; } } .x-carousel-indicator { // @TODO: we should not have to cancel out the x-floating styling padding: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; background-color: transparent; background-image: none; } .x-carousel-indicator { -webkit-box-flex: 1; @include display-box; @include box-pack(center); @include box-align(center); span { display: block; width: $carousel-indicator-size; height: $carousel-indicator-size; @if $include-border-radius { @include border-radius($carousel-indicator-size / 2); } margin: $carousel-indicator-spacing; } } .x-carousel-indicator-horizontal { height: $carousel-track-size; width: 100%; } .x-carousel-indicator-vertical { @include box-orient(vertical); width: $carousel-track-size; height: 100%; } $indicator-light: rgba(#fff, .1); $indicator-light-active: rgba(#fff, .3); $indicator-dark: rgba(#000, .1); $indicator-dark-active: rgba(#000, .3); @include sencha-carousel-indicator-ui('light', $indicator-light, 'flat', $indicator-light-active, 'flat'); @include sencha-carousel-indicator-ui('dark', $indicator-dark, 'flat', $indicator-dark-active, 'flat'); }