{:versionI"3.2.12 (Media Mark):EF:shaI"-d7eb3a9ee99267452409e5aab7e8e7e27e131378;F: contents"4Ro: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; @;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�; ;!;[�;i'; @;i&;"T; @o;;[I"> .next, > .prev; T;i�;o;;[o;;[I">; To; ;[o;;[I" next; T;i+;I"�; T;0;o;;{�;i+;@�o;;[I" ; TI">; To; ;[o;;[I" prev; T;i+;@�;0;o;;{�;i+;@�;i+;@�;[o;;[I" position; T;o;;I" absolute; T; ;; @;i�; ;!;[�;i,; @o;;[I"top; T;o;;I"0; T; ;; @;i�; ;!;[�;i-; @o;;[I" width; T;o;;I" 100%; T; ;; @;i�; ;!;[�;i.; @;i+;"T; @o;;[I"> .next; T;i�;o;;[o;;[I">; To; ;[o;;[I" next; T;i1;I"�; T;0;o;;{�;i1;@#;i1;@#;[o;;[I" left; T;o;;I" 100%; T; ;; @;i�; ;!;[�;i2; @;i1;"T; @o;;[I"> .prev; T;i�;o;;[o;;[I">; To; ;[o;;[I" prev; T;i4;I"�; T;0;o;;{�;i4;@:;i4;@:;[o;;[I" left; T;o;;I" -100%; T; ;; @;i�; ;!;[�;i5; @;i4;"T; @o;;[I""> .next.left, > .prev.right; T;i�;o;;[o;;[I">; To; ;[o;;[I" next; T;i8;I"�; To;;[I" left; T;i8;@Q;0;o;;{�;i8;@Qo;;[I" ; TI">; To; ;[o;;[I" prev; T;i8;@Qo;;[I" right; T;i8;@Q;0;o;;{�;i8;@Q;i8;@Q;[o;;[I" left; T;o;;I"0; T; ;; @;i�; ;!;[�;i9; @;i8;"T; @o;;[I"> .active.left; T;i�;o;;[o;;[I">; To; ;[o;;[I"active; T;i<;I"�; To;;[I" left; T;i<;@y;0;o;;{�;i<;@y;i<;@y;[o;;[I" left; T;o;;I" -100%; T; ;; @;i�; ;!;[�;i=; @;i<;"T; @o;;[I"> .active.right; T;i�;o;;[o;;[I">; To; ;[o;;[I"active; T;i?;I"�; To;;[I" right; T;i?;@�;0;o;;{�;i?;@�;i?;@�;[o;;[I" left; T;o;;I" 100%; T; ;; @;i�; ;!;[�;i@; @;i?;"T; @;i;"T; @o; ;[I"E/* Left/right controls for nav * --------------------------- */; T; ;;[�;iE; @o;;[I".carousel-control; T;i�;o;;[o;;[o; ;[o;;[I"carousel-control; T;iH;I"�; T;0;o;;{�;iH;@�;iH;@�;[o;;[I" position; T;o;;I" absolute; T; ;; @;i�; ;!;[�;iI; @o;;[I"top; T;o;;I"0; T; ;; @;i�; ;!;[�;iJ; @o;;[I" left; T;o;;I"0; T; ;; @;i�; ;!;[�;iK; @o;;[I"bottom; T;o;;I"0; T; ;; @;i�; ;!;[�;iL; @o;;[I" width; T;o:Sass::Script::Variable ;I"carousel-control-width; T:@underscored_nameI"carousel_control_width; T;iM; @;i�; ;!;[�;iM; @o;#;I"opacity; T;$[o;0 ;I"carousel-control-opacity; T;1I"carousel_control_opacity; T;iN; @;,{�;-0;[�;iN; @o;;[I"font-size; T;o;0 ;I"carousel-control-font-size; T;1I"carousel_control_font_size; T;iO; @;i�; ;!;[�;iO; @o;;[I" color; T;o;0 ;I"carousel-control-color; T;1I"carousel_control_color; T;iP; @;i�; ;!;[�;iP; @o;;[I"text-align; T;o;;I"center; T; ;; @;i�; ;!;[�;iQ; @o;;[I"text-shadow; T;o;0 ;I"carousel-text-shadow; T;1I"carousel_text_shadow; T;iR; @;i�; ;!;[�;iR; @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; ;;[�;iS; @o; ;[I"(/* Set gradients for backgrounds */; T; ;;[�;iV; @o;;[I"&.left; T;i�;o;;[o;;[o; ;[o:Sass::Selector::Parent;iW;I"�; To;;[I" left; T;iW;@;0;o;;{�;iW;@;iW;@;[o;#;I"gradient-horizontal; T;$[�;,{I"start_color; To:Sass::Script::Funcall;I" rgba; T;$[ o;&;i�;'[�;([�;iX;)I"0; F; @o;&;i�;'[�;(@;iX;)I"0; F; @o;&;i�;'[�;(@;iX;)I"0; F; @o;&;f0.5;'[�;(@;iX;)I"0.5; F; @;,{�;-0;iX; @I"end_color; To;3;I" rgba; T;$[ o;&;i�;'[�;(@;iX;)I"0; F; @o;&;i�;'[�;(@;iX;)I"0; F; @o;&;i�;'[�;(@;iX;)I"0; F; @o;&;f0.0001;'[�;(@;iX;)I"0.0001; F; @;,{�;-0;iX; @;-0;[�;iX; @;iW;"T; @o;;[I"&.right; T;i�;o;;[o;;[o; ;[o;2;iZ;I"�; To;;[I" right; T;iZ;@C;0;o;;{�;iZ;@C;iZ;@C;[o;;[I" left; T;o;;I" auto; T; ;; @;i�; ;!;[�;i[; @o;;[I" right; T;o;;I"0; T; ;; @;i�; ;!;[�;i\; @o;#;I"gradient-horizontal; T;$[�;,{I"start_color; To;3;I" rgba; T;$[ o;&;i�;'[�;(@;i];)I"0; F; @o;&;i�;'[�;(@;i];)I"0; F; @o;&;i�;'[�;(@;i];)I"0; F; @o;&;@4;'[�;(@;i];)I"0.0001; F; @;,{�;-0;i]; @I"end_color; To;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"0.5; F; @;,{�;-0;i]; @;-0;[�;i]; @;iZ;"T; @o; ;[I"/* Hover/focus state */; T; ;;[�;i`; @o;;[I"&:hover, &:focus; T;i�;o;;[o;;[o; ;[o;2;ib;I"�; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" hover; T: @arg0;ib;@�;0;o;;{�;ib;@�o;;[I" ; To; ;[o;2;ib;@�o;4 ;5;6;[I" focus; T;70;ib;@�;0;o;;{�;ib;@�;ib;@�;[o;;[I" color; T;o;0 ;I"carousel-control-color; T;1I"carousel_control_color; T;ic; @;i�; ;!;[�;ic; @o;;[I"text-decoration; T;o;;I" none; T; ;; @;i�; ;!;[�;id; @o;#;I"opacity; T;$[o;&;f0.9;'[�;(@;ie;)I"0.9; F; @;,{�;-0;[�;ie; @;ib;"T; @o; ;[I"/* Toggles */; T; ;;[�;ih; @o;;[I"T.icon-prev, .icon-next, .glyphicon-chevron-left, .glyphicon-chevron-right; T;i�;o;;[ o;;[o; ;[o;;[I"icon-prev; T;il;I"�; T;0;o;;{�;il;@�o;;[I" ; To; ;[o;;[I"icon-next; T;il;@�;0;o;;{�;il;@�o;;[I" ; To; ;[o;;[I"glyphicon-chevron-left; T;il;@�;0;o;;{�;il;@�o;;[I" ; To; ;[o;;[I"glyphicon-chevron-right; T;il;@�;0;o;;{�;il;@�;il;@�;[ o;;[I" position; T;o;;I" absolute; T; ;; @;i�; ;!;[�;im; @o;;[I"top; T;o;;I"50%; T; ;; @;i�; ;!;[�;in; @o;;[I"z-index; T;o;;I"5; T; ;; @;i�; ;!;[�;io; @o;;[I"display; T;o;;I"inline-block; T; ;; @;i�; ;!;[�;ip; @;il;"T; @o;;[I"*.icon-prev, .glyphicon-chevron-left; T;i�;o;;[o;;[o; ;[o;;[I"icon-prev; T;is;I"�; T;0;o;;{�;is;@ o;;[I" ; To; ;[o;;[I"glyphicon-chevron-left; T;is;@ ;0;o;;{�;is;@ ;is;@ ;[o;;[I" left; T;o;;I"50%; T; ;; @;i�; ;!;[�;it; @;is;"T; @o;;[I"+.icon-next, .glyphicon-chevron-right; T;i�;o;;[o;;[o; ;[o;;[I"icon-next; T;iw;I"�; T;0;o;;{�;iw;@)o;;[I" ; To; ;[o;;[I"glyphicon-chevron-right; T;iw;@);0;o;;{�;iw;@);iw;@);[o;;[I" right; T;o;;I"50%; T; ;; @;i�; ;!;[�;ix; @;iw;"T; @o;;[I".icon-prev, .icon-next; T;i�;o;;[o;;[o; ;[o;;[I"icon-prev; T;i{;I"�; T;0;o;;{�;i{;@Io;;[I" ; To; ;[o;;[I"icon-next; T;i{;@I;0;o;;{�;i{;@I;i{;@I;[ 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"margin-left; 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~;@�;i~;@�;[o;;[I" &:before; T;i�;o;;[o;;[o; ;[o;2;i;I"�; To;4 ;5;6;[I"before; T;70;i;@�;0;o;;{�;i;@�;i;@�;[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;4 ;5;6;[I"before; T;70;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; @;iH;"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;0 ;I"$carousel-indicator-border-color; T;1I"$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�; @;i�;"T; @o;;[I".active; T;i�;o;;[o;;[o; ;[o;;[I"active; T;i�;I"�; T;0;o;;{�;i�;@k;i�;@k;[ 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;0 ;I"!carousel-indicator-active-bg; T;1I"!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;0 ;I"carousel-caption-color; T;1I"carousel_caption_color; T;i�; @;i�; ;!;[�;i�; @o;;[I"text-align; T;o;;I"center; T; ;; @;i�; ;!;[�;i�; @o;;[I"text-shadow; T;o;0 ;I"carousel-text-shadow; T;1I"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"</* No shadow for button elements in carousel-caption */; T; ;;[�;i�; @;i�;"T; @;i�;"T; @o; ;[I"//* Scale up controls for tablets and up */; T; ;;[�;i�; @o:Sass::Tree::MediaNode:@query[I"screen; TI" and ; TI"(; To; ;I"min-width; T; ;;i�; @I": ; To;0 ;I"screen-sm-min; T;1I"screen_sm_min; T;i�; @I"); T;i�;I"�; T;[o; ;[I")/* Scale up the controls a smidge */; T; ;;[�;i�; @o;;[I".carousel-control; T;i�;o;;[o;;[o; ;[o;;[I"carousel-control; T;i�;I"�; T;0;o;;{�;i�;@;i�;@;[o;;[I"\.glyphicons-chevron-left, .glyphicons-chevron-right, .icon-prev, .icon-next; T;i�;o;;[ o;;[o; ;[o;;[I"glyphicons-chevron-left; T;i�;I"�; T;0;o;;{�;i�;@+o;;[I" ; To; ;[o;;[I"glyphicons-chevron-right; T;i�;@+;0;o;;{�;i�;@+o;;[I" ; To; ;[o;;[I"icon-prev; T;i�;@+;0;o;;{�;i�;@+o;;[I" ; To; ;[o;;[I"icon-next; T;i�;@+;0;o;;{�;i�;@+;i�;@+;[ o;;[I" width; T;o;;I" 30px; T; ;; @;i�; ;!;[�;i�; @o;;[I"height; T;o;;I" 30px; T; ;; @;i�; ;!;[�;i�; @o;;[I"margin-top; T;o;;I" -15px; T; ;; @;i�; ;!;[�;i�; @o;;[I"margin-left; T;o;;I" -15px; T; ;; @;i�; ;!;[�;i�; @o;;[I"font-size; T;o;;I" 30px; T; ;; @;i�; ;!;[�;i�; @;i�;"T; @;i�;"T; @o; ;[I"+/* Show and left align the captions */; 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" left; T;o;;I"20%; T; ;; @;i�; ;!;[�;i�; @o;;[I" right; T;o;;I"20%; T; ;; @;i�; ;!;[�;i�; @o;;[I"padding-bottom; T;o;;I" 30px; T; ;; @;i�; ;!;[�;i�; @;i�;"T; @o; ;[I"!/* Move up the indicators */; 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"bottom; T;o;;I" 20px; T; ;; @;i�; ;!;[�;i�; @;i�;"T; @;i�;"T; @:@templateI"// // Carousel // -------------------------------------------------- // Wrapper for the slide container and indicators .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; > .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; } } > .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 { 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%; } .icon-next, .glyphicon-chevron-right { right: 50%; } .icon-prev, .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -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; } .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 { .glyphicons-chevron-left, .glyphicons-chevron-right, .icon-prev, .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } } // 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; @