{: versionI"3.2.19 (Media Mark):EF:shaI"-42ac5aa5fccc3a17fcc8ff4b9f587ccd866f2bca;F: contents"Ŗ\o:Sass::Tree::RootNode :@children[-o:Sass::Tree::CommentNode : @value[I"V/* Foundation by ZURB * foundation.zurb.com * Licensed under MIT Open Source */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::ImportNode :@imported_filenameI" global; T;[:@template0; i ; @ :@imported_file0o; ;[I"G/* * @name _range-slider.scss * @dependencies _global.scss * */; T; ; ;[; i ; @ o; ;[I"/* * @variables * */; T; ; ;[; i; @ o:Sass::Tree::VariableNode : @nameI"&include-html-range-slider-classes; T: @expro:Sass::Script::Variable ;I"include-html-classes; T:@underscored_nameI"include_html_classes; T; i; @ : @guardedI" !default; T;[; i; @ o; ;[I"7/* These variabels define the slider bar styles */; T; ; ;[; i; @ o; ;I"range-slider-bar-width; T;o:Sass::Script::Number ;ii:@numerator_units[I"%; T:@denominator_units[; i:@originalI" 100%; F; @ ;I" !default; T;[; i; @ o; ;I"range-slider-bar-height; T;o:Sass::Script::Funcall ;I" rem-calc; T: @args[o; ;i;[;[; i;I"16; F; @ :@keywords{: @splat0; i; @ ;I" !default; T;[; i; @ o; ;I""range-slider-bar-border-width; T;o; ;i;[I"px; T;[; i;I"1px; F; @ ;I" !default; T;[; i; @ o; ;I""range-slider-bar-border-style; T;o:Sass::Script::String ;I" solid; T; :identifier; i; @ ;I" !default; T;[; i; @ o; ;I""range-slider-bar-border-color; T;o; ;I"gainsboro; T;I"gainsboro; T; i; @ ;I" !default; T;[; i; @ o; ;I"range-slider-radius; T;o; ;I"global-radius; T;I"global_radius; T; i; @ ;I" !default; T;[; i; @ o; ;I"range-slider-round; T;o; ;I"global-rounded; T;I"global_rounded; T; i; @ ;I" !default; T;[; i; @ o; ;I"range-slider-bar-bg-color; T;o; ;I" ghost; T;I" ghost; T; i ; @ ;I" !default; T;[; i ; @ o; ;I")range-slider-active-segment-bg-color; T;o; ;I"scale-color; T;[o; ;I"secondary-color; T;I"secondary_color; T; i!; @ ;{I"lightness; To; ;iś;[I"%; T;[; i!;I"-1%; F; @ ;0; i!; @ ;I" !default; T;[; i!; @ o; ;[I"/* Vertical bar styles */; T; ; ;[; i#; @ o; ;I"$range-slider-vertical-bar-width; T;o; ;I" rem-calc; T;[o; ;i;[;@2; i$;I"16; F; @ ;{;0; i$; @ ;I" !default; T;[; i$; @ o; ;I"%range-slider-vertical-bar-height; T;o; ;I" rem-calc; T;[o; ;iČ;[;@2; i%;I"200; F; @ ;{;0; i%; @ ;I" !default; T;[; i%; @ o; ;[I":/* These variabels define the slider handle styles */; T; ; ;[; i'; @ o; ;I"range-slider-handle-width; T;o; ;I" rem-calc; T;[o; ;i%;[;@2; i(;I"32; F; @ ;{;0; i(; @ ;I" !default; T;[; i(; @ o; ;I"range-slider-handle-height; T;o; ;I" rem-calc; T;[o; ;i;[;@2; i);I"22; F; @ ;{;0; i); @ ;I" !default; T;[; i); @ o; ;I"%range-slider-handle-position-top; T;o; ;I" rem-calc; T;[o; ;iö;[;@2; i*;I"-5; F; @ ;{;0; i*; @ ;I" !default; T;[; i*; @ o; ;I"!range-slider-handle-bg-color; T;o; ;I"primary-color; T;I"primary_color; T; i+; @ ;I" !default; T;[; i+; @ o; ;I"%range-slider-handle-border-width; T;o; ;i;[I"px; T;[; i,;I"1px; F; @ ;I" !default; T;[; i,; @ o; ;I"%range-slider-handle-border-style; T;o; ;I" solid; T; ;!; i-; @ ;I" !default; T;[; i-; @ o; ;I"%range-slider-handle-border-color; T;o; ;I" none; T; ;!; i.; @ ;I" !default; T;[; i.; @ o; ;I"range-slider-handle-radius; T;o; ;I"global-radius; T;I"global_radius; T; i/; @ ;I" !default; T;[; i/; @ o; ;I"range-slider-handle-round; T;o; ;I"global-rounded; T;I"global_rounded; T; i0; @ ;I" !default; T;[; i0; @ o; ;I"'range-slider-handle-bg-hover-color; T;o; ;I"scale-color; T;[o; ;I"primary-color; T;I"primary_color; T; i1; @ ;{I"lightness; To; ;iļ;[I"%; T;[; i1;I" -12%; F; @ ;0; i1; @ ;I" !default; T;[; i1; @ o; ;I"range-slider-handle-cursor; T;o; ;I" pointer; T; ;!; i2; @ ;I" !default; T;[; i2; @ o; ;I""range-slider-disabled-opacity; T;o; ;f0.7;[;@2; i4;I"0.7; F; @ ;I" !default; T;[; i4; @ o; ;[I"/* * @mixins * */; T; ; ;[; i6; @ o:Sass::Tree::MixinDefNode ;I"range-slider-bar-base; T;[[o;;I" vertical; T;I" vertical; T; @ o:Sass::Script::Bool;F; i:; @ ;0;[o:Sass::Tree::PropNode ;[I" display; T;o; ;I" block; T; ;!; @ : @tabsi:@prop_syntax:new;[; i;; @ o;$ ;[I" position; T;o; ;I" relative; T; ;!; @ ;%i;&;';[; i<; @ o;$ ;[I" width; T;o; ;I"range-slider-bar-width; T;I"range_slider_bar_width; T; i=; @ ;%i;&;';[; i=; @ o;$ ;[I" height; T;o; ;I"range-slider-bar-height; T;I"range_slider_bar_height; T; i>; @ ;%i;&;';[; i>; @ o;$ ;[I" border; T;o:Sass::Script::List ;[o; ;I""range-slider-bar-border-width; T;I""range_slider_bar_border_width; T; i?; @ o; ;I""range-slider-bar-border-style; T;I""range_slider_bar_border_style; T; i?; @ o; ;I""range-slider-bar-border-color; T;I""range_slider_bar_border_color; T; i?; @ :@separator: space; i?; @ ;%i;&;';[; i?; @ o;$ ;[I" margin; T;o; ;I" rem-calc; T;[o;( ;[o; ;i;[;@2; i@;I"20; F; @ o; ;i;[;@2; i@;I"0; F; @ ;);*; i@; @ ;{;0; i@; @ ;%i;&;';[; i@; @ o;$ ;[I"-ms-touch-action; T;o; ;I" none; T; ;!; @ ;%i;&;';[; iA; @ o;$ ;[I"touch-action; T;o; ;I" none; T; ;!; @ ;%i;&;';[; iB; @ u:Sass::Tree::IfNodeŽ[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" vertical:ET:@underscored_nameI" vertical; T: @lineiC: @options{:@operand2o:Sass::Script::Bool: @valueT; iC; @ :@operator:eq; iC; @ 0[o:Sass::Tree::PropNode ;[I" display; T;o:Sass::Script::String;I"inline-block; T: @type:identifier; @ : @tabsi:@prop_syntax:new:@children[; iD; @ o; ;[I" width; T;o; ;I"$range-slider-vertical-bar-width; T; I"$range_slider_vertical_bar_width; T; iE; @ ;i;;;[; iE; @ o; ;[I" height; T;o; ;I"%range-slider-vertical-bar-height; T; I"%range_slider_vertical_bar_height; T; iF; @ ;i;;;[; iF; @ ; i::@has_childrenT; @ o;" ;I"range-slider-bar-style; T;[ [o;;I"bg; T;I"bg; T; @ o;#;T; iJ; @ [o;;I" radius; T;I" radius; T; @ o;#;F; iK; @ [o;;I" round; T;I" round; T; @ o;#;F; iL; @ [o;;I" disabled; T;I" disabled; T; @ o;#;F; iM; @ ;0;[ u;+‚[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"bg:ET:@underscored_nameI"bg; T: @lineiN: @options{:@operand2o:Sass::Script::Bool: @valueT; iN; @ :@operator:eq; iN; @ 0[o:Sass::Tree::PropNode ;[I"background; T;o; ;I"range-slider-bar-bg-color; T; I"range_slider_bar_bg_color; T; iN; @ : @tabsi:@prop_syntax:new:@children[; iN; @ u;+z[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" radius:ET:@underscored_nameI" radius; T: @lineiO: @options{:@operand2o:Sass::Script::Bool: @valueT; iO; @ :@operator:eq; iO; @ 0[o:Sass::Tree::MixinNode ;I" radius; T: @args[o; ;I"range-slider-radius; T; I"range_slider_radius; T; iO; @ :@keywords{: @splat0:@children[; iO; @ u;+v[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" round:ET:@underscored_nameI" round; T: @lineiP: @options{:@operand2o:Sass::Script::Bool: @valueT; iP; @ :@operator:eq; iP; @ 0[o:Sass::Tree::MixinNode ;I" radius; T: @args[o; ;I"range-slider-round; T; I"range_slider_round; T; iP; @ :@keywords{: @splat0:@children[; iP; @ u;+[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" disabled:ET:@underscored_nameI" disabled; T: @lineiQ: @options{:@operand2o:Sass::Script::Bool: @valueT; iQ; @ :@operator:eq; iQ; @ 0[o:Sass::Tree::PropNode ;[I" cursor; T;o; ;I"cursor-default-value; T; I"cursor_default_value; T; iR; @ : @tabsi:@prop_syntax:new:@children[; iR; @ o; ;[I" opacity; T;o; ;I""range-slider-disabled-opacity; T; I""range_slider_disabled_opacity; T; iS; @ ;i;;;[; iS; @ ; iM;,T; @ o;" ;I"range-slider-bar; T;[[o;;I"bg; T;I"bg; T; @ o; ;I"range-slider-bar-bg-color; T;I"range_slider_bar_bg_color; T; iX; @ [o;;I" radius; T;I" radius; T; @ o;#;F; iY; @ ;0;[o:Sass::Tree::MixinNode ;I"range-slider-bar-base; T;[;{;0;[; iZ; @ o;- ;I"range-slider-bar-style; T;[;{;0;[; i[; @ ; iY;,T; @ o;" ;I"range-slider-handle-base; T;[;0;[o;$ ;[I" display; T;o; ;I"inline-block; T; ;!; @ ;%i;&;';[; i_; @ o;$ ;[I" position; T;o; ;I" absolute; T; ;!; @ ;%i;&;';[; i`; @ o;$ ;[I" z-index; T;o; ;I"1; T; ;!; @ ;%i;&;';[; ia; @ o;$ ;[I"top; T;o; ;I"%range-slider-handle-position-top; T;I"%range_slider_handle_position_top; T; ib; @ ;%i;&;';[; ib; @ o;$ ;[I" width; T;o; ;I"range-slider-handle-width; T;I"range_slider_handle_width; T; ic; @ ;%i;&;';[; ic; @ o;$ ;[I" height; T;o; ;I"range-slider-handle-height; T;I"range_slider_handle_height; T; id; @ ;%i;&;';[; id; @ o;$ ;[I" border; T;o;( ;[o; ;I"%range-slider-handle-border-width; T;I"%range_slider_handle_border_width; T; ie; @ o; ;I"%range-slider-handle-border-style; T;I"%range_slider_handle_border_style; T; ie; @ o; ;I"%range-slider-handle-border-color; T;I"%range_slider_handle_border_color; T; ie; @ ;);*; ie; @ ;%i;&;';[; ie; @ o;$ ;[I" cursor; T;o; ;I"range-slider-handle-cursor; T;I"range_slider_handle_cursor; T; if; @ ;%i;&;';[; if; @ o; ;[I":/* This removes the 300ms touch delay on Windows 8 */; T; ; ;[; ih; @ o;$ ;[I"-ms-touch-action; T;o; ;I"manipulation; T; ;!; @ ;%i;&;';[; ii; @ o;$ ;[I"touch-action; T;o; ;I"manipulation; T; ;!; @ ;%i;&;';[; ij; @ ; i^;,T; @ o;" ;I"range-slider-handle-style; T;[ [o;;I"bg; T;I"bg; T; @ o;#;T; im; @ [o;;I" radius; T;I" radius; T; @ o;#;F; in; @ [o;;I" round; T;I" round; T; @ o;#;F; io; @ [o;;I" disabled; T;I" disabled; T; @ o;#;F; ip; @ ;0;[ u;+ˆ[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"bg:ET:@underscored_nameI"bg; T: @lineiq: @options{:@operand2o:Sass::Script::Bool: @valueT; iq; @ :@operator:eq; iq; @ 0[o:Sass::Tree::PropNode ;[I"background; T;o; ;I"!range-slider-handle-bg-color; T; I"!range_slider_handle_bg_color; T; iq; @ : @tabsi:@prop_syntax:new:@children[; iq; @ u;+z[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" radius:ET:@underscored_nameI" radius; T: @lineir: @options{:@operand2o:Sass::Script::Bool: @valueT; ir; @ :@operator:eq; ir; @ 0[o:Sass::Tree::MixinNode ;I" radius; T: @args[o; ;I"range-slider-radius; T; I"range_slider_radius; T; ir; @ :@keywords{: @splat0:@children[; ir; @ u;+v[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" round:ET:@underscored_nameI" round; T: @lineis: @options{:@operand2o:Sass::Script::Bool: @valueT; is; @ :@operator:eq; is; @ 0[o:Sass::Tree::MixinNode ;I" radius; T: @args[o; ;I"range-slider-round; T; I"range_slider_round; T; is; @ :@keywords{: @splat0:@children[; is; @ u;+[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" disabled:ET:@underscored_nameI" disabled; T: @lineit: @options{:@operand2o:Sass::Script::Bool: @valueT; it; @ :@operator:eq; it; @ 0[o:Sass::Tree::PropNode ;[I" cursor; T;o; ;I"cursor-default-value; T; I"cursor_default_value; T; iu; @ : @tabsi:@prop_syntax:new:@children[; iu; @ o; ;[I" opacity; T;o; ;I""range-slider-disabled-opacity; T; I""range_slider_disabled_opacity; T; iv; @ ;i;;;[; iv; @ o:Sass::Tree::RuleNode : @rule[I" &:hover; T;%i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;2[o:#Sass::Selector::SimpleSequence ;2[o:Sass::Selector::Parent; ix:@filenameI"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" hover; T: @arg0; ix;6@ö: @subject0: @sourceso:Set: @hash{; ix;6@ö; ix;6@ö;[o;$ ;[I"background; T;o; ;I"'range-slider-handle-bg-hover-color; T;I"'range_slider_handle_bg_hover_color; T; iy; @ ;%i;&;';[; iy; @ ; ix;,T; @ ; ip;,T; @ o;" ;I"range-slider-handle; T;[;0;[o;- ;I"range-slider-handle-base; T;[;{;0;[; i}; @ o;- ;I"range-slider-handle-style; T;[;{;0;[; i~; @ ; i|;,T; @ o; ;[I"/* CSS Generation */; T; ; ;[; i|; @ o;- ;I" exports; T;[o; ;I"range-slider-bar; T; : string; i}; @ ;{;0;[u;+ų[o:Sass::Script::Variable : @nameI"&include-html-range-slider-classes:ET:@underscored_nameI"&include_html_range_slider_classes;T: @linei~: @options{0[o:Sass::Tree::RuleNode : @rule[I".range-slider;T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class;[I"range-slider;T; i:@filenameI";T: @subject0: @sourceso:Set: @hash{; i;@; i;@:@children[ o:Sass::Tree::MixinNode ;I"range-slider-bar-base;T: @args[:@keywords{: @splat0;[; i€; @ o; ;I"range-slider-bar-style;T;[;{I"bg;To:Sass::Script::Bool: @valueT; i; @ I" radius;To;;F; i; @ ;0;[; i; @ o; ; [I"&.vertical-range;T; i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i‚;I";To;;[I"vertical-range;T; i‚;@3;0;o;;{; i‚;@3; i‚;@3;[o; ;I"range-slider-bar-base;T;[;{I" vertical;To;;T; iƒ; @ ;0;[; iƒ; @ o; ; [I".range-slider-handle;T; i;o;;[o;;[o; ;[o;;[I"range-slider-handle;T; i„;I";T;0;o;;{; i„;@M; i„;@M;[ o:Sass::Tree::PropNode ;[I"margin-top;T;o:Sass::Script::String;I"0;T: @type:identifier; @ ; i:@prop_syntax:new;[; i…; @ o;! ;[I" margin-;To; ;I"default-float;T;I"default_float;T; i†; @ ;o:!Sass::Script::UnaryOperation : @operando:Sass::Script::Operation :@operand1o; ;I"range-slider-handle-width;T;I"range_slider_handle_width;T; i†; @ :@operand2o:Sass::Script::Number ;i :@numerator_units[:@denominator_units[; i†:@originalI"4;F; @ :@operator:div; i†; @ ;0: minus; i†; @ ; i;%;&;[; i†; @ o;! ;[I" position;T;o;";I" absolute;T;#;$; @ ; i;%;&;[; i‡; @ o;! ;[I" bottom;T;o;' ;(o;) ;*o; ;I"%range-slider-vertical-bar-height;T;I"%range_slider_vertical_bar_height;T; iˆ; @ ;+o; ;I"range-slider-handle-width;T;I"range_slider_handle_width;T; iˆ; @ ;0;2; iˆ; @ ;0;2; iˆ; @ ; i;%;&;[; iˆ; @ ; i„:@has_childrenT; @ o; ; [I"!.range-slider-active-segment;T; i;o;;[o;;[o; ;[o;;[I" range-slider-active-segment;T; iŠ;I";T;0;o;;{; iŠ;@€; iŠ;@€;[o;! ;[I" width;T;o;) ;*o; ;I"range-slider-bar-height;T;I"range_slider_bar_height;T; i‹; @ ;+o:Sass::Script::Funcall ;I" rem-calc;T;[o;) ;*o;4 ;I"strip-unit;T;[o; ;I""range-slider-bar-border-width;T;I""range_slider_bar_border_width;T; i‹; @ ;{;0; i‹; @ ;+o;, ;i;-[;.@d; i‹;/I"2;F; @ ;0: times; i‹; @ ;{;0; i‹; @ ;0;2; i‹; @ ; i;%;&;[; i‹; @ o;! ;[I" height;T;o;";I" auto;T;#;$; @ ; i;%;&;[; iŒ; @ o;! ;[I" bottom;T;o;";I"0;T;#;$; @ ; i;%;&;[; i; @ ; iŠ;3T; @ ; i‚;3T; @ o; ; [I" &.radius;T; i;o;;[o;;[o; ;[o; ; i;I";To;;[I" radius;T; i;@±;0;o;;{; i;@±; i;@±;[o; ;I"range-slider-bar-style;T;[;{I" radius;To;;T; i‘; @ ;0;[; i‘; @ o; ; [I".range-slider-handle;T; i;o;;[o;;[o; ;[o;;[I"range-slider-handle;T; i’;I";T;0;o;;{; i’;@Ė; i’;@Ė;[o; ;I"range-slider-handle-style;T;[;{I" radius;To;;T; i’; @ ;0;[; i’; @ ; i’;3T; @ ; i;3T; @ o; ; [I" &.round;T; i;o;;[o;;[o; ;[o; ; i”;I";To;;[I" round;T; i”;@ą;0;o;;{; i”;@ą; i”;@ą;[o; ;I"range-slider-bar-style;T;[;{I" round;To;;T; i•; @ ;0;[; i•; @ o; ; [I".range-slider-handle;T; i;o;;[o;;[o; ;[o;;[I"range-slider-handle;T; i–;I";T;0;o;;{; i–;@ś; i–;@ś;[o; ;I"range-slider-handle-style;T;[;{I" round;To;;T; i–; @ ;0;[; i–; @ ; i–;3T; @ ; i”;3T; @ o; ; [I"&.disabled, &[disabled];T; i;o;;[o;;[o; ;[o; ; i˜;I";To;;[I" disabled;T; i˜;@;0;o;;{; i˜;@o;;[o; ;[o; ; i˜;@o:Sass::Selector::Attribute ;[I" disabled;T:@namespace0;00;0: @flags0; i˜;@;0;o;;{; i˜;@; i˜;@;[o; ;I"range-slider-bar-style;T;[;{I" disabled;To;;T; i™; @ ;0;[; i™; @ o; ; [I".range-slider-handle;T; i;o;;[o;;[o; ;[o;;[I"range-slider-handle;T; iš;I";T;0;o;;{; iš;@3; iš;@3;[o; ;I"range-slider-handle-style;T;[;{I" disabled;To;;T; iš; @ ;0;[; iš; @ ; iš;3T; @ ; i˜;3T; @ ; i;3T; @ o; ; [I"!.range-slider-active-segment;T; i;o;;[o;;[o; ;[o;;[I" range-slider-active-segment;T; i;I";T;0;o;;{; i;@J; i;@J;[ o;! ;[I" display;T;o;";I"inline-block;T;#;$; @ ; i;%;&;[; iž; @ o;! ;[I" position;T;o;";I" absolute;T;#;$; @ ; i;%;&;[; iŸ; @ o;! ;[I" height;T;o;) ;*o; ;I"range-slider-bar-height;T;I"range_slider_bar_height;T; i ; @ ;+o;4 ;I" rem-calc;T;[o;) ;*o;4 ;I"strip-unit;T;[o; ;I""range-slider-bar-border-width;T;I""range_slider_bar_border_width;T; i ; @ ;{;0; i ; @ ;+o;, ;i;-[;.@d; i ;/I"2;F; @ ;0;5; i ; @ ;{;0; i ; @ ;0;2; i ; @ ; i;%;&;[; i ; @ o;! ;[I"background;T;o; ;I")range-slider-active-segment-bg-color;T;I")range_slider_active_segment_bg_color;T; i”; @ ; i;%;&;[; i”; @ ; i;3T; @ o; ; [I".range-slider-handle;T; i;o;;[o;;[o; ;[o;;[I"range-slider-handle;T; i£;I";T;0;o;;{; i£;@„; i£;@„;[o; ;I"range-slider-handle-base;T;[;{;0;[; i¤; @ o; ;I"range-slider-handle-style;T;[;{I"bg;To;;T; i„; @ I" radius;To;;F; i„; @ ;0;[; i„; @ ; i£;3T; @ ; i}; @ ;,T;I"F// Foundation by ZURB // foundation.zurb.com // Licensed under MIT Open Source @import "global"; // // @name _range-slider.scss // @dependencies _global.scss // // // @variables // $include-html-range-slider-classes: $include-html-classes !default; // These variabels define the slider bar styles $range-slider-bar-width: 100% !default; $range-slider-bar-height: rem-calc(16) !default; $range-slider-bar-border-width: 1px !default; $range-slider-bar-border-style: solid !default; $range-slider-bar-border-color: $gainsboro !default; $range-slider-radius: $global-radius !default; $range-slider-round: $global-rounded !default; $range-slider-bar-bg-color: $ghost !default; $range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%) !default; // Vertical bar styles $range-slider-vertical-bar-width: rem-calc(16) !default; $range-slider-vertical-bar-height: rem-calc(200) !default; // These variabels define the slider handle styles $range-slider-handle-width: rem-calc(32) !default; $range-slider-handle-height: rem-calc(22) !default; $range-slider-handle-position-top: rem-calc(-5) !default; $range-slider-handle-bg-color: $primary-color !default; $range-slider-handle-border-width: 1px !default; $range-slider-handle-border-style: solid !default; $range-slider-handle-border-color: none !default; $range-slider-handle-radius: $global-radius !default; $range-slider-handle-round: $global-rounded !default; $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%) !default; $range-slider-handle-cursor: pointer !default; $range-slider-disabled-opacity: 0.7 !default; // // @mixins // @mixin range-slider-bar-base($vertical: false) { display: block; position: relative; width: $range-slider-bar-width; height: $range-slider-bar-height; border: $range-slider-bar-border-width $range-slider-bar-border-style $range-slider-bar-border-color; margin: rem-calc(20 0); -ms-touch-action: none; touch-action: none; @if $vertical == true { display: inline-block; width: $range-slider-vertical-bar-width; height: $range-slider-vertical-bar-height; } } @mixin range-slider-bar-style( $bg: true, $radius: false, $round: false, $disabled: false) { @if $bg == true { background: $range-slider-bar-bg-color; } @if $radius == true { @include radius($range-slider-radius); } @if $round == true { @include radius($range-slider-round); } @if $disabled == true { cursor: $cursor-default-value; opacity: $range-slider-disabled-opacity; } } @mixin range-slider-bar( $bg: $range-slider-bar-bg-color, $radius:false) { @include range-slider-bar-base; @include range-slider-bar-style; } @mixin range-slider-handle-base() { display: inline-block; position: absolute; z-index: 1; top: $range-slider-handle-position-top; width: $range-slider-handle-width; height: $range-slider-handle-height; border: $range-slider-handle-border-width $range-slider-handle-border-style $range-slider-handle-border-color; cursor: $range-slider-handle-cursor; // This removes the 300ms touch delay on Windows 8 -ms-touch-action: manipulation; touch-action: manipulation; } @mixin range-slider-handle-style( $bg: true, $radius: false, $round: false, $disabled: false) { @if $bg == true { background: $range-slider-handle-bg-color; } @if $radius == true { @include radius($range-slider-radius); } @if $round == true { @include radius($range-slider-round); } @if $disabled == true { cursor: $cursor-default-value; opacity: $range-slider-disabled-opacity; } &:hover { background: $range-slider-handle-bg-hover-color; } } @mixin range-slider-handle() { @include range-slider-handle-base; @include range-slider-handle-style; } // CSS Generation @include exports("range-slider-bar") { @if $include-html-range-slider-classes { .range-slider { @include range-slider-bar-base; @include range-slider-bar-style($bg:true, $radius:false); &.vertical-range { @include range-slider-bar-base($vertical: true); .range-slider-handle { margin-top: 0; margin-#{$default-float}: -($range-slider-handle-width / 4); position: absolute; bottom: -($range-slider-vertical-bar-height - $range-slider-handle-width); } .range-slider-active-segment { width: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2)); height: auto; bottom: 0; } } &.radius { @include range-slider-bar-style($radius:true); .range-slider-handle { @include range-slider-handle-style($radius: true); } } &.round { @include range-slider-bar-style($round:true); .range-slider-handle { @include range-slider-handle-style($round: true); } } &.disabled, &[disabled] { @include range-slider-bar-style($disabled:true); .range-slider-handle { @include range-slider-handle-style($disabled: true); } } } .range-slider-active-segment { display: inline-block; position: absolute; height: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2)); background: $range-slider-active-segment-bg-color; } .range-slider-handle { @include range-slider-handle-base; @include range-slider-handle-style($bg:true, $radius: false); } } } ; T; i;,T; @