{: versionI"3.2.19 (Media Mark):EF:shaI"-86e7e67c094a8f773f2c0371938b3e99f575b6bb;F: contents"Sfo:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"L/* * Carousel * -------------------------------------------------- */:ET: @type: silent;[: @linei: @options{o; ;[I"9/* Wrapper for the slide container and indicators */; T; ; ;[; i ; @ o:Sass::Tree::RuleNode : @rule[I".carousel; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: @name[I" carousel; T; i :@filenameI"; T: @subject0: @sourceso:Set: @hash{; i ;@; i ;@;[o:Sass::Tree::PropNode ;[I" position; T;o:Sass::Script::String;I" relative; T; :identifier; @ ;i:@prop_syntax:new;[; i ; @ ; i :@has_childrenT; @ o; ;[I".carousel-inner; T;i;o;;[o;;[o; ;[o;;[I"carousel-inner; T; i;I"; T;0;o;;{; i;@2; i;@2;[o; ;[I" position; T;o;;I" relative; T; ;; @ ;i; ;!;[; i; @ o; ;[I" overflow; T;o;;I" hidden; T; ;; @ ;i; ;!;[; i; @ o; ;[I" width; T;o;;I" 100%; T; ;; @ ;i; ;!;[; i; @ o; ;[I" > .item; T;i;o;;[o;;[I">; To; ;[o;;[I" item; T; i;I"; T;0;o;;{; i;@U; i;@U;[ o; ;[I" display; T;o;;I" none; T; ;; @ ;i; ;!;[; i; @ o; ;[I" position; T;o;;I" relative; T; ;; @ ;i; ;!;[; i; @ o:Sass::Tree::MixinNode ;I"transition; T: @args[o:Sass::Script::List ;[o:Sass::Script::Number ;f0.6:@numerator_units[I"s; T:@denominator_units[; i:@originalI" 0.6s; F; @ o; ;I"ease-in-out; T; ;; i; @ o; ;I" left; T; ;; i; @ :@separator: space; i; @ :@keywords{: @splat0;[; i; @ o; ;[I"*/* Account for jankitude on images */; T; ; ;[; i; @ o; ;[I"> img, > a > img; T;i;o;;[o;;[I">; To; ;[o:Sass::Selector::Element ;[I"img; T:@namespace0; i;I"; T;0;o;;{; i;@o;;[ I" ; TI">; To; ;[o;. ;[I"a; T;/0; i;@;0;o;;{; i;@I">; To; ;[o;. ;[I"img; T;/0; i;@;0;o;;{; i;@; i;@;[o;# ;I"img-responsive; T;$[;,{;-0;[; i; @ o; ;[I"line-height; T;o;;I"1; T; ;; @ ;i; ;!;[; i; @ ; i;"T; @ o; ;[I"7/* WebKit CSS3 transforms for supported devices */; T; ; ;[; i!; @ o:Sass::Tree::MediaNode : @query[I"all; TI" and ; TI"(; To; ;I"transform-3d; T; ;; i"; @ I"); TI", ; TI"(; To; ;I"-webkit-transform-3d; T; ;; i"; @ I"); T;i;I"; T;[ o; ;[I"transition; T;o;;I"transform .6s ease-in-out; T; ;; @ ;i; ;!;[; i#; @ o; ;[I"backface-visibility; T;o;;I" hidden; T; ;; @ ;i; ;!;[; i$; @ o; ;[I"perspective; T;o;;I" 1000; T; ;; @ ;i; ;!;[; i%; @ o; ;[I"!&.next, &.active.right; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i(;I"; To;;[I" next; T; i(;@;0;o;;{; i(;@o;;[I" ; To; ;[o;2; i(;@o;;[I" active; T; i(;@o;;[I" right; T; i(;@;0;o;;{; i(;@; i(;@;[o; ;[I"transform; T;o:Sass::Script::Funcall ;I"translate3d; T;$[o;& ;ii;'[I"%; T;([; i);)I" 100%; F; @ o;& ;i;'[;([; i);)I"0; F; @ o;& ;i;'[;(@; i);)I"0; F; @ ;,{;-0; i); @ ;i; ;!;[; i); @ o; ;[I" left; T;o;;I"0; T; ;; @ ;i; ;!;[; i*; @ ; i(;"T; @ o; ;[I" &.prev, &.active.left; T;i;o;;[o;;[o; ;[o;2; i-;I"; To;;[I" prev; T; i-;@ ;0;o;;{; i-;@ o;;[I" ; To; ;[o;2; i-;@ o;;[I" active; T; i-;@ o;;[I" left; T; i-;@ ;0;o;;{; i-;@ ; i-;@ ;[o; ;[I"transform; T;o;3 ;I"translate3d; T;$[o;& ;i;'[I"%; T;([; i.;)I" -100%; F; @ o;& ;i;'[;(@; i.;)I"0; F; @ o;& ;i;'[;(@; i.;)I"0; F; @ ;,{;-0; i.; @ ;i; ;!;[; i.; @ o; ;[I" left; T;o;;I"0; T; ;; @ ;i; ;!;[; i/; @ ; i-;"T; @ o; ;[I"4&.next.left, &.prev.right, &.active; T;i;o;;[o;;[o; ;[o;2; i3;I"; To;;[I" next; T; i3;@Do;;[I" left; T; i3;@D;0;o;;{; i3;@Do;;[I" ; To; ;[o;2; i3;@Do;;[I" prev; T; i3;@Do;;[I" right; T; i3;@D;0;o;;{; i3;@Do;;[I" ; To; ;[o;2; i3;@Do;;[I" active; T; i3;@D;0;o;;{; i3;@D; i3;@D;[o; ;[I"transform; T;o;3 ;I"translate3d; T;$[o;& ;i;'[;(@; i4;)I"0; F; @ o;& ;i;'[;(@; i4;)I"0; F; @ o;& ;i;'[;(@; i4;)I"0; F; @ ;,{;-0; i4; @ ;i; ;!;[; i4; @ o; ;[I" left; T;o;;I"0; T; ;; @ ;i; ;!;[; i5; @ ; i3;"T; @ ; i";"T; @ ; i;"T; @ o; ;[I"$> .active, > .next, > .prev; T;i;o;;[o;;[I">; To; ;[o;;[I" active; T; i<;I"; T;0;o;;{; i<;@o;;[I" ; TI">; To; ;[o;;[I" next; T; i<;@;0;o;;{; i<;@o;;[I" ; TI">; To; ;[o;;[I" prev; T; i<;@;0;o;;{; i<;@; i<;@;[o; ;[I" display; T;o;;I" block; T; ;; @ ;i; ;!;[; i=; @ ; i<;"T; @ o; ;[I"> .active; T;i;o;;[o;;[I">; To; ;[o;;[I" active; T; i@;I"; T;0;o;;{; i@;@; i@;@;[o; ;[I" left; T;o;;I"0; T; ;; @ ;i; ;!;[; iA; @ ; i@;"T; @ o; ;[I"> .next, > .prev; T;i;o;;[o;;[I">; To; ;[o;;[I" next; T; iE;I"; T;0;o;;{; iE;@o;;[I" ; TI">; To; ;[o;;[I" prev; T; iE;@;0;o;;{; iE;@; iE;@;[o; ;[I" position; T;o;;I" absolute; T; ;; @ ;i; ;!;[; iF; @ o; ;[I"top; T;o;;I"0; T; ;; @ ;i; ;!;[; iG; @ o; ;[I" width; T;o;;I" 100%; T; ;; @ ;i; ;!;[; iH; @ ; iE;"T; @ o; ;[I" > .next; T;i;o;;[o;;[I">; To; ;[o;;[I" next; T; iK;I"; T;0;o;;{; iK;@; iK;@;[o; ;[I" left; T;o;;I" 100%; T; ;; @ ;i; ;!;[; iL; @ ; iK;"T; @ o; ;[I" > .prev; T;i;o;;[o;;[I">; To; ;[o;;[I" prev; T; iN;I"; T;0;o;;{; iN;@; iN;@;[o; ;[I" left; T;o;;I" -100%; T; ;; @ ;i; ;!;[; iO; @ ; iN;"T; @ o; ;[I""> .next.left, > .prev.right; T;i;o;;[o;;[I">; To; ;[o;;[I" next; T; iR;I"; To;;[I" left; T; iR;@+;0;o;;{; iR;@+o;;[I" ; TI">; To; ;[o;;[I" prev; T; iR;@+o;;[I" right; T; iR;@+;0;o;;{; iR;@+; iR;@+;[o; ;[I" left; T;o;;I"0; T; ;; @ ;i; ;!;[; iS; @ ; iR;"T; @ o; ;[I"> .active.left; T;i;o;;[o;;[I">; To; ;[o;;[I" active; T; iV;I"; To;;[I" left; T; iV;@S;0;o;;{; iV;@S; iV;@S;[o; ;[I" left; T;o;;I" -100%; T; ;; @ ;i; ;!;[; iW; @ ; iV;"T; @ o; ;[I"> .active.right; T;i;o;;[o;;[I">; To; ;[o;;[I" active; T; iY;I"; To;;[I" right; T; iY;@m;0;o;;{; iY;@m; iY;@m;[o; ;[I" left; T;o;;I" 100%; T; ;; @ ;i; ;!;[; iZ; @ ; iY;"T; @ ; i;"T; @ o; ;[I"E/* Left/right controls for nav * --------------------------- */; T; ; ;[; i_; @ o; ;[I".carousel-control; T;i;o;;[o;;[o; ;[o;;[I"carousel-control; T; ib;I"; T;0;o;;{; ib;@; ib;@;[o; ;[I" position; T;o;;I" absolute; T; ;; @ ;i; ;!;[; ic; @ o; ;[I"top; T;o;;I"0; T; ;; @ ;i; ;!;[; id; @ o; ;[I" left; T;o;;I"0; T; ;; @ ;i; ;!;[; ie; @ o; ;[I" bottom; T;o;;I"0; T; ;; @ ;i; ;!;[; if; @ o; ;[I" width; T;o:Sass::Script::Variable ;I"carousel-control-width; T:@underscored_nameI"carousel_control_width; T; ig; @ ;i; ;!;[; ig; @ o;# ;I" opacity; T;$[o;4 ;I"carousel-control-opacity; T;5I"carousel_control_opacity; T; ih; @ ;,{;-0;[; ih; @ o; ;[I"font-size; T;o;4 ;I"carousel-control-font-size; T;5I"carousel_control_font_size; T; ii; @ ;i; ;!;[; ii; @ o; ;[I" color; T;o;4 ;I"carousel-control-color; T;5I"carousel_control_color; T; ij; @ ;i; ;!;[; ij; @ o; ;[I"text-align; T;o;;I" center; T; ;; @ ;i; ;!;[; ik; @ o; ;[I"text-shadow; T;o;4 ;I"carousel-text-shadow; T;5I"carousel_text_shadow; T; il; @ ;i; ;!;[; il; @ o; ;[I"/* We can't have this transition here because WebKit cancels the carousel * animation if you trip this while in the middle of another animation. */; T; ; ;[; im; @ o; ;[I"(/* Set gradients for backgrounds */; T; ; ;[; ip; @ o; ;[I" &.left; T;i;o;;[o;;[o; ;[o;2; iq;I"; To;;[I" left; T; iq;@;0;o;;{; iq;@; iq;@;[o;# ;I"gradient-horizontal; T;$[;,{I"start_color; To;3 ;I" rgba; T;$[ o;& ;i;'[;(@; ir;)I"0; F; @ o;& ;i;'[;(@; ir;)I"0; F; @ o;& ;i;'[;(@; ir;)I"0; F; @ o;& ;f0.5;'[;(@; ir;)I"0.5; F; @ ;,{;-0; ir; @ I"end_color; To;3 ;I" rgba; T;$[ o;& ;i;'[;(@; ir;)I"0; F; @ o;& ;i;'[;(@; ir;)I"0; F; @ o;& ;i;'[;(@; ir;)I"0; F; @ o;& ;f 0.0001;'[;(@; ir;)I" 0.0001; F; @ ;,{;-0; ir; @ ;-0;[; ir; @ ; iq;"T; @ o; ;[I" &.right; T;i;o;;[o;;[o; ;[o;2; it;I"; To;;[I" right; T; it;@;0;o;;{; it;@; it;@;[o; ;[I" left; T;o;;I" auto; T; ;; @ ;i; ;!;[; iu; @ o; ;[I" right; T;o;;I"0; T; ;; @ ;i; ;!;[; iv; @ o;# ;I"gradient-horizontal; T;$[;,{I"start_color; To;3 ;I" rgba; T;$[ o;& ;i;'[;(@; iw;)I"0; F; @ o;& ;i;'[;(@; iw;)I"0; F; @ o;& ;i;'[;(@; iw;)I"0; F; @ o;& ;@ ;'[;(@; iw;)I" 0.0001; F; @ ;,{;-0; iw; @ I"end_color; To;3 ;I" rgba; T;$[ o;& ;i;'[;(@; iw;)I"0; F; @ o;& ;i;'[;(@; iw;)I"0; F; @ o;& ;i;'[;(@; iw;)I"0; F; @ o;& ;@;'[;(@; iw;)I"0.5; F; @ ;,{;-0; iw; @ ;-0;[; iw; @ ; it;"T; @ o; ;[I"/* Hover/focus state */; T; ; ;[; iz; @ o; ;[I"&:hover, &:focus; T;i;o;;[o;;[o; ;[o;2; i|;I"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" hover; T: @arg0; i|;@d;0;o;;{; i|;@do;;[I" ; To; ;[o;2; i|;@do;6 ;7;8;[I" focus; T;90; i|;@d;0;o;;{; i|;@d; i|;@d;[ o; ;[I" outline; T;o;;I"0; T; ;; @ ;i; ;!;[; i}; @ o; ;[I" color; T;o;4 ;I"carousel-control-color; T;5I"carousel_control_color; T; i~; @ ;i; ;!;[; i~; @ o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; i; @ o;# ;I" opacity; T;$[o;& ;f0.9;'[;(@; i{;)I"0.9; F; @ ;,{;-0;[; i{; @ ; i|;"T; @ o; ;[I"/* Toggles */; T; ; ;[; i~; @ o; ;[I"T.icon-prev, .icon-next, .glyphicon-chevron-left, .glyphicon-chevron-right; T;i;o;;[ o;;[o; ;[o;;[I"icon-prev; T; i;I"; T;0;o;;{; i;@o;;[I" ; To; ;[o;;[I"icon-next; T; i;@;0;o;;{; i;@o;;[I" ; To; ;[o;;[I"glyphicon-chevron-left; T; i;@;0;o;;{; i;@o;;[I" ; To; ;[o;;[I"glyphicon-chevron-right; T; i;@;0;o;;{; i;@; i;@;[ o; ;[I" position; T;o;;I" absolute; T; ;; @ ;i; ;!;[; i; @ o; ;[I"top; T;o;;I"50%; T; ;; @ ;i; ;!;[; i; @ o; ;[I" z-index; T;o;;I"5; T; ;; @ ;i; ;!;[; i; @ o; ;[I" display; T;o;;I"inline-block; T; ;; @ ;i; ;!;[; i; @ ; i;"T; @ o; ;[I"*.icon-prev, .glyphicon-chevron-left; T;i;o;;[o;;[o; ;[o;;[I"icon-prev; T; i;I"; T;0;o;;{; i;@o;;[I" ; To; ;[o;;[I"glyphicon-chevron-left; T; i;@;0;o;;{; i;@; i;@;[o; ;[I" left; T;o;;I"50%; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-left; T;o;;I" -10px; T; ;; @ ;i; ;!;[; i; @ ; i;"T; @ o; ;[I"+.icon-next, .glyphicon-chevron-right; T;i;o;;[o;;[o; ;[o;;[I"icon-next; T; i;I"; T;0;o;;{; i;@o;;[I" ; To; ;[o;;[I"glyphicon-chevron-right; T; i;@;0;o;;{; i;@; i;@;[o; ;[I" right; T;o;;I"50%; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-right; T;o;;I" -10px; T; ;; @ ;i; ;!;[; i; @ ; i;"T; @ o; ;[I".icon-prev, .icon-next; T;i;o;;[o;;[o; ;[o;;[I"icon-prev; T; i;I"; T;0;o;;{; i;@4o;;[I" ; To; ;[o;;[I"icon-next; T; i;@4;0;o;;{; i;@4; i;@4;[ o; ;[I" width; T;o;;I" 20px; T; ;; @ ;i; ;!;[; i; @ o; ;[I" height; T;o;;I" 20px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-top; T;o;;I" -10px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"font-family; T;o;;I" serif; T; ;; @ ;i; ;!;[; i; @ ; i;"T; @ o; ;[I".icon-prev; T;i;o;;[o;;[o; ;[o;;[I"icon-prev; T; i;I"; T;0;o;;{; i;@f; i;@f;[o; ;[I" &:before; T;i;o;;[o;;[o; ;[o;2; i;I"; To;6 ;7;8;[I" before; T;90; i;@t;0;o;;{; i;@t; i;@t;[o; ;[I" content; T;o;;I" '\2039'; T; ;; @ ;i; ;!;[; i; @ o; ;[I"=/* SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) */; T; ; ;[; i; @ ; i;"T; @ ; i;"T; @ o; ;[I".icon-next; T;i;o;;[o;;[o; ;[o;;[I"icon-next; T; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I" &:before; T;i;o;;[o;;[o; ;[o;2; i;I"; To;6 ;7;8;[I" before; T;90; i;@;0;o;;{; i;@; i;@;[o; ;[I" content; T;o;;I" '\203a'; T; ;; @ ;i; ;!;[; i; @ o; ;[I">/* SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) */; T; ; ;[; i; @ ; i;"T; @ ; i;"T; @ ; ib;"T; @ o; ;[I"/* Optional indicator pips * * Add an unordered list with the following class and add a list item for each * slide your carousel holds. */; T; ; ;[; i; @ o; ;[I".carousel-indicators; T;i;o;;[o;;[o; ;[o;;[I"carousel-indicators; T; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I" position; T;o;;I" absolute; T; ;; @ ;i; ;!;[; i; @ o; ;[I" bottom; T;o;;I" 10px; T; ;; @ ;i; ;!;[; i; @ o; ;[I" left; T;o;;I"50%; T; ;; @ ;i; ;!;[; i; @ o; ;[I" z-index; T;o;;I"15; T; ;; @ ;i; ;!;[; i; @ o; ;[I" width; T;o;;I"60%; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-left; T;o;;I" -30%; T; ;; @ ;i; ;!;[; i; @ o; ;[I"padding-left; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I"list-style; T;o;;I" none; T; ;; @ ;i; ;!;[; i; @ o; ;[I"text-align; T;o;;I" center; T; ;; @ ;i; ;!;[; i; @ o; ;[I"li; T;i;o;;[o;;[o; ;[o;. ;[I"li; T;/0; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I" display; T;o;;I"inline-block; T; ;; @ ;i; ;!;[; i; @ o; ;[I" width; T;o;;I" 10px; T; ;; @ ;i; ;!;[; i; @ o; ;[I" height; T;o;;I" 10px; T; ;; @ ;i; ;!;[; i; @ o; ;[I" margin; T;o;;I"1px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"text-indent; T;o;;I" -999px; T; ;; @ ;i; ;!;[; i; @ o; ;[I" border; T;o;% ;[o;& ;i;'[I"px; T;([; i;)I"1px; F; @ o; ;I" solid; T; ;; i; @ o;4 ;I"$carousel-indicator-border-color; T;5I"$carousel_indicator_border_color; T; i; @ ;*;+; i; @ ;i; ;!;[; i; @ o; ;[I"border-radius; T;o;;I" 10px; T; ;; @ ;i; ;!;[; i; @ o; ;[I" cursor; T;o;;I" pointer; T; ;; @ ;i; ;!;[; i; @ o; ;[I"/* IE8-9 hack for event handling * * Internet Explorer 8-9 does not support clicks on elements without a set * `background-color`. We cannot use `filter` since that's not viewed as a * background color by the browser. Thus, a hack is needed. * * For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we * set alpha transparency for the best results possible. */; T; ; ;[; i; @ o; ;[I"background-color; T;o;;I" #000 \9; T; ;; @ ;i; ;!;[; i; @ o; ;[I"/* IE8 */; T; ; ;[; i; @ o; ;[I"background-color; T;o;3 ;I" rgba; T;$[ o;& ;i;'[;(@; i;)I"0; F; @ o;& ;i;'[;(@; i;)I"0; F; @ o;& ;i;'[;(@; i;)I"0; F; @ o;& ;i;'[;(@; i;)I"0; F; @ ;,{;-0; i; @ ;i; ;!;[; i; @ o; ;[I"/* IE9 */; T; ; ;[; i; @ ; i;"T; @ o; ;[I" .active; T;i;o;;[o;;[o; ;[o;;[I" active; T; i;I"; T;0;o;;{; i;@v; i;@v;[ o; ;[I" margin; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I" width; T;o;;I" 12px; T; ;; @ ;i; ;!;[; i; @ o; ;[I" height; T;o;;I" 12px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"background-color; T;o;4 ;I"!carousel-indicator-active-bg; T;5I"!carousel_indicator_active_bg; T; i; @ ;i; ;!;[; i; @ ; i;"T; @ ; i;"T; @ o; ;[I"h/* Optional captions * ----------------------------- * Hidden by default for smaller viewports */; T; ; ;[; i; @ o; ;[I".carousel-caption; T;i;o;;[o;;[o; ;[o;;[I"carousel-caption; T; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I" position; T;o;;I" absolute; T; ;; @ ;i; ;!;[; i; @ o; ;[I" left; T;o;;I"15%; T; ;; @ ;i; ;!;[; i; @ o; ;[I" right; T;o;;I"15%; T; ;; @ ;i; ;!;[; i; @ o; ;[I" bottom; T;o;;I" 20px; T; ;; @ ;i; ;!;[; i; @ o; ;[I" z-index; T;o;;I"10; T; ;; @ ;i; ;!;[; i; @ o; ;[I"padding-top; T;o;;I" 20px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"padding-bottom; T;o;;I" 20px; T; ;; @ ;i; ;!;[; i; @ o; ;[I" color; T;o;4 ;I"carousel-caption-color; T;5I"carousel_caption_color; T; i; @ ;i; ;!;[; i; @ o; ;[I"text-align; T;o;;I" center; T; ;; @ ;i; ;!;[; i; @ o; ;[I"text-shadow; T;o;4 ;I"carousel-text-shadow; T;5I"carousel_text_shadow; T; i; @ ;i; ;!;[; i; @ o; ;[I" & .btn; T;i;o;;[o;;[o; ;[o;2; i;I"; T;0;o;;{; i;@o; ;[o;;[I"btn; T; i;@;0;o;;{; i;@; i;@;[o; ;[I"text-shadow; T;o;;I" none; T; ;; @ ;i; ;!;[; i; @ o; ;[I" .item { display: none; position: relative; @include transition(.6s ease-in-out left); // Account for jankitude on images > img, > a > img { @include img-responsive; line-height: 1; } // WebKit CSS3 transforms for supported devices @media all and (transform-3d), (-webkit-transform-3d) { transition: transform .6s ease-in-out; backface-visibility: hidden; perspective: 1000; &.next, &.active.right { transform: translate3d(100%, 0, 0); left: 0; } &.prev, &.active.left { transform: translate3d(-100%, 0, 0); left: 0; } &.next.left, &.prev.right, &.active { transform: translate3d(0, 0, 0); left: 0; } } } > .active, > .next, > .prev { display: block; } > .active { left: 0; } > .next, > .prev { position: absolute; top: 0; width: 100%; } > .next { left: 100%; } > .prev { left: -100%; } > .next.left, > .prev.right { left: 0; } > .active.left { left: -100%; } > .active.right { left: 100%; } } // Left/right controls for nav // --------------------------- .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: $carousel-control-width; @include opacity($carousel-control-opacity); font-size: $carousel-control-font-size; color: $carousel-control-color; text-align: center; text-shadow: $carousel-text-shadow; // We can't have this transition here because WebKit cancels the carousel // animation if you trip this while in the middle of another animation. // Set gradients for backgrounds &.left { @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001)); } &.right { left: auto; right: 0; @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5)); } // Hover/focus state &:hover, &:focus { outline: 0; color: $carousel-control-color; text-decoration: none; @include opacity(.9); } // Toggles .icon-prev, .icon-next, .glyphicon-chevron-left, .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .icon-prev, .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .icon-next, .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .icon-prev, .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; } .icon-prev { &:before { content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) } } .icon-next { &:before { content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) } } } // Optional indicator pips // // Add an unordered list with the following class and add a list item for each // slide your carousel holds. .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid $carousel-indicator-border-color; border-radius: 10px; cursor: pointer; // IE8-9 hack for event handling // // Internet Explorer 8-9 does not support clicks on elements without a set // `background-color`. We cannot use `filter` since that's not viewed as a // background color by the browser. Thus, a hack is needed. // // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we // set alpha transparency for the best results possible. background-color: #000 \9; // IE8 background-color: rgba(0,0,0,0); // IE9 } .active { margin: 0; width: 12px; height: 12px; background-color: $carousel-indicator-active-bg; } } // Optional captions // ----------------------------- // Hidden by default for smaller viewports .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: $carousel-caption-color; text-align: center; text-shadow: $carousel-text-shadow; & .btn { text-shadow: none; // No shadow for button elements in carousel-caption } } // Scale up controls for tablets and up @media screen and (min-width: $screen-sm-min) { // Scale up the controls a smidge .carousel-control { .glyphicon-chevron-left, .glyphicon-chevron-right, .icon-prev, .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .glyphicon-chevron-left, .icon-prev { margin-left: -15px; } .glyphicon-chevron-right, .icon-next { margin-right: -15px; } } // Show and left align the captions .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } // Move up the indicators .carousel-indicators { bottom: 20px; } } ; T; i;"T; @