3.4.14 (Selective Steve) 7980b0ce0d2e1447610808f1098815a9cf693f9f 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 :@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i : @offseti: @end_poso;; i ;i: @fileI"s/Users/artemtabalin/Work/js-socials/js-socials/_scss/foundation/scss/foundation/components/_progress-bars.scss; F:@importero: Sass::Importers::Filesystem: @rootI"9/Users/artemtabalin/Work/js-socials/js-socials/_scss; F:@real_rootI"9/Users/artemtabalin/Work/js-socials/js-socials/_scss; F:@same_name_warningso:Set: @hash{; @ :@imported_file0o; ;[I"/* * @variables * */; T; ; ;[; i ; @ o:Sass::Tree::VariableNode : @nameI"include-html-media-classes; T: @expro:!Sass::Script::Tree::Variable ;!I"include-html-classes; T:@underscored_nameI"include_html_classes; T; i;o; ;o;; i;i#;o;; i;i8;@;@:@filename@; @ : @guardedT: @global0;[; i;o; ;o;; i;i;o;; i;iA;@;@; @ o; ;[I"5/* We use this to set the progress bar height */; T; ; ;[; i; @ o; ;!I"progress-bar-height; T;"o: Sass::Script::Tree::Funcall;!I" rem-calc; T: @args[o: Sass::Script::Tree::Literal ;o: Sass::Script::Value::Number ;i:@numerator_units[:@denominator_units[:@originalI"25; F; @ ; i;o; ;o;; i;i%;o;; i;i';@;@;%@:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0; i;o; ;o;; i;i;o;; i;i(;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;i1;@;@; @ o; ;!I"progress-bar-color; T;"o;# ;!I" vapor; T;$I" vapor; T; i;o; ;o;; i;i;o;; i;i!;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;i*;@;@; @ o; ;[I"4/* We use these to control the border styles */; T; ; ;[; i; @ o; ;!I"progress-bar-border-color; T;"o;(;!I"scale-color; T;)[o;# ;!I" white; T;$I" white; T; i;o; ;o;; i;i.;o;; i;i4;@;@;%@; @ ;/o;0;1{I"lightness; TI"lightness; T;2{I"lightness; To;* ;o;+ ;i;,[I"%; T;-[;.I"20%; F; @ ; i;o; ;o;; i;iB;o;; i;iE;@;@;%@;30;40; i;o; ;o;; i;i";o;; i;iF;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;iO;@;@; @ o; ;!I"progress-bar-border-size; T;"o;* ;o;+ ;i;,[I"px; T;-[;.I"1px; F; @ ; i;o; ;o;; i;i!;o;; i;i$;@;@;%@;&T;'0;[; i;o; ;o;; i;i;o;; i;i-;@;@; @ o; ;!I"progress-bar-border-style; T;"o;* ;o: Sass::Script::Value::String;I" solid; T; :identifier; @ ; i;o; ;o;; i;i";o;; i;i';@;@;%@;&T;'0;[; i;o; ;o;; i;i;o;; i;i0;@;@; @ o; ;!I"progress-bar-border-radius; T;"o;# ;!I"global-radius; T;$I"global_radius; T; i;o; ;o;; i;i#;o;; i;i1;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;i:;@;@; @ o; ;[I"7/* We use these to control the margin & padding */; T; ; ;[; i; @ o; ;!I"progress-bar-pad; T;"o;(;!I" rem-calc; T;)[o;* ;o;+ ;i;,[;-@4;.I"2; F; @ ; i;o; ;o;; i;i";o;; i;i#;@;@;%@;/o;0;1{;2{;30;40; i;o; ;o;; i;i;o;; i;i$;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;i-;@;@; @ o; ;!I"progress-bar-margin-bottom; T;"o;(;!I" rem-calc; T;)[o;* ;o;+ ;i;,[;-@4;.I"10; F; @ ; i;o; ;o;; i;i,;o;; i;i.;@;@;%@;/o;0;1{;2{;30;40; i;o; ;o;; i;i#;o;; i;i/;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;i8;@;@; @ o; ;[I"//* We use these to set the meter colors */; T; ; ;[; i; @ o; ;!I"progress-meter-color; T;"o;# ;!I"primary-color; T;$I"primary_color; T; i ;o; ;o;; i ;i;o;; i ;i+;@;@;%@; @ ;&T;'0;[; i ;o; ;o;; i ;i;o;; i ;i4;@;@; @ o; ;!I"#progress-meter-secondary-color; T;"o;# ;!I"secondary-color; T;$I"secondary_color; T; i!;o; ;o;; i!;i';o;; i!;i7;@;@;%@; @ ;&T;'0;[; i!;o; ;o;; i!;i;o;; i!;i@;@;@; @ o; ;!I"!progress-meter-success-color; T;"o;# ;!I"success-color; T;$I"success_color; T; i";o; ;o;; i";i%;o;; i";i3;@;@;%@; @ ;&T;'0;[; i";o; ;o;; i";i;o;; i";i<;@;@; @ o; ;!I"progress-meter-alert-color; T;"o;# ;!I"alert-color; T;$I"alert_color; T; i#;o; ;o;; i#;i#;o;; i#;i/;@;@;%@; @ ;&T;'0;[; i#;o; ;o;; i#;i;o;; i#;i8;@;@; @ o; ;[I"I/* @mixins * * We use this to set up the progress bar container */; T; ; ;[; i%; @ o:Sass::Tree::MixinDefNode ;!I"progress-container; T;)[;30;[ o:Sass::Tree::PropNode;![I"background-color; T;o;# ;!I"progress-bar-color; T;$I"progress_bar_color; T; i);o; ;o;; i);i;o;; i);i-;@;@;%@; @ : @tabsi:@prop_syntax:new;[; i);o; ;o;; i);i;o;; i);i-;@;@:@name_source_rangeo; ;@ ;o;; i);i;@;@:@value_source_rangeo; ;o;; i);i;@;@;@; @ o;8;![I" height; T;o;# ;!I"progress-bar-height; T;$I"progress_bar_height; T; i*;o; ;o;; i*;i;o;; i*;i$;@;@;%@; @ ;9i;:;;;[; i*;o; ;o;; i*;i;o;; i*;i$;@;@;;0: @subject0: @sourceso;;{; o; ; o; ; i;i;o; ; i;i;0;0; i>;0; i>;0:@selector_source_rangeo; ; o; ; i>;i ;o; ; i>;i;@ ;@ : @tabsi;[ o:Sass::Tree::MixinNode;I"progress-container;T: @args[:@keywords{: @splat0:@kwarg_splat0;[; i?; o; ; o; ; i?;i ;o; ; i?;i';@ ;@ ;@o; ;[I"/* Meter */;T;: silent;[; iA;@o;; [I" .meter;T;!o;";#[o;$;#[o;% ;#[o;&;I" meter;T; iB;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i ;0;0; iB;0; iB;0;)o; ; o; ; iB;i ;o; ; iB;i;@ ;@ ;*i;[o;+;I"progress-meter;T;,[;-{;.0;/0;[; iC; o; ; o; ; iC;i;o; ; iC;i%;@ ;@ ;@; iB; o; ; @I;o; ; iB;i;@ ;@ :@has_childrenT;@o;; [I"&.secondary .meter;T;!o;";#[o;$;#[o;% ;#[o:Sass::Selector::Parent: @suffix0; iE;0o;&;I"secondary;T; iE;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i;0;0; iE;0o;% ;#[o;&;I" meter;T; iE;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i;0;0; iE;0; iE;0;)o; ; o; ; iE;i ;o; ; iE;i;@ ;@ ;*i;[o;+;I"progress-meter;T;,[;-o:Sass::Util::NormalizedMap:@key_strings{I"bg;TI"bg;T: @map{I"bg;To; ;I"#progress-meter-secondary-color;T;I"#progress_meter_secondary_color;T; iE; o; ; o; ; iE;i=;o; ; iE;i\;@ ;@ ;@ ;@;.0;/0;[; iE; o; ; o; ; iE;i!;o; ; iE;i];@ ;@ ;@; iE; o; ; @q;o; ; iE;i;@ ;@ ;1T;@o;; [I"&.success .meter;T;!o;";#[o;$;#[o;% ;#[o;2;30; iF;0o;&;I" success;T; iF;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i;0;0; iF;0o;% ;#[o;&;I" meter;T; iF;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i;0;0; iF;0; iF;0;)o; ; o; ; iF;i ;o; ; iF;i;@ ;@ ;*i;[o;+;I"progress-meter;T;,[;-o;4;5{I"bg;TI"bg;T;6{I"bg;To; ;I"!progress-meter-success-color;T;I"!progress_meter_success_color;T; iF; o; ; o; ; iF;i;;o; ; iF;iX;@ ;@ ;@ ;@;.0;/0;[; iF; o; ; o; ; iF;i;o; ; iF;iY;@ ;@ ;@; iF; o; ; @Ÿ;o; ; iF;i;@ ;@ ;1T;@o;; [I"&.alert .meter;T;!o;";#[o;$;#[o;% ;#[o;2;30; iG;0o;&;I" alert;T; iG;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i ;0;0; iG;0o;% ;#[o;&;I" meter;T; iG;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i;0;0; iG;0; iG;0;)o; ; o; ; iG;i ;o; ; iG;i;@ ;@ ;*i;[o;+;I"progress-meter;T;,[;-o;4;5{I"bg;TI"bg;T;6{I"bg;To; ;I"progress-meter-alert-color;T;I"progress_meter_alert_color;T; iG; o; ; o; ; iG;i9;o; ; iG;iT;@ ;@ ;@ ;@;.0;/0;[; iG; o; ; o; ; iG;i;o; ; iG;iU;@ ;@ ;@; iG; o; ; @Ò;o; ; iG;i;@ ;@ ;1T;@o;; [I" &.radius;T;!o;";#[o;$;#[o;% ;#[o;2;30; iI;0o;&;I" radius;T; iI;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i;0;0; iI;0; iI;0;)o; ; o; ; iI;i ;o; ; iI;i;@ ;@ ;*i;[o;+;I" radius;T;,[o; ;I"progress-bar-border-radius;T;I"progress_bar_border_radius;T; iI; o; ; o; ; iI;i';o; ; iI;iB;@ ;@ ;@ ;@;-o;4;5{;6{;.0;/0;[; iI; o; ; o; ; iI;i;o; ; iI;iC;@ ;@ ;@o;; [I" .meter;T;!o;";#[o;$;#[o;% ;#[o;&;I" meter;T; iJ;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i ;0;0; iJ;0; iJ;0;)o; ; o; ; iJ;i;o; ; iJ;i;@ ;@ ;*i;[o;+;I" radius;T;,[o:"Sass::Script::Tree::Operation :@operand1o; ;I"progress-bar-border-radius;T;I"progress_bar_border_radius;T; iJ; o; ; o; ; iJ;i';o; ; iJ;iB;@ ;@ ;@ ;@:@operand2o: Sass::Script::Tree::Literal ;o: Sass::Script::Value::Number ;i:@numerator_units[:@denominator_units[:@originalI"1;F;@; iJ; o; ; o; ; iJ;iE;o; ; iJ;iF;@ ;@ ;@ :@operator: minus; iJ; o; ; @+;o; ; iJ;iF;@ ;@ ;@ ;@;-o;4;5{;6{;.0;/0;[; iJ; o; ; o; ; iJ;i;o; ; iJ;iG;@ ;@ ;@; iJ; o; ; @ ;o; ; iJ;i;@ ;@ ;1T;@; iI; o; ; @ü;o; ; iI;i;@ ;@ ;1T;@o;; [I" &.round;T;!o;";#[o;$;#[o;% ;#[o;2;30; iM;0o;&;I" round;T; iM;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i ;0;0; iM;0; iM;0;)o; ; o; ; iM;i ;o; ; iM;i;@ ;@ ;*i;[o;+;I" radius;T;,[o;: ;o;; ;iè;<[I"px;T;=[;>I" 1000px;F;@; iM; o; ; o; ; iM;i&;o; ; iM;i,;@ ;@ ;@ ;-o;4;5{;6{;.0;/0;[; iM; o; ; o; ; iM;i;o; ; iM;i-;@ ;@ ;@o;; [I" .meter;T;!o;";#[o;$;#[o;% ;#[o;&;I" meter;T; iN;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i ;0;0; iN;0; iN;0;)o; ; o; ; iN;i;o; ; iN;i;@ ;@ ;*i;[o;+;I" radius;T;,[o;: ;o;; ;iç;<[I"px;T;=[;>I" 999px;F;@; iN; o; ; o; ; iN;i';o; ; iN;i,;@ ;@ ;@ ;-o;4;5{;6{;.0;/0;[; iN; o; ; o; ; iN;i;o; ; iN;i-;@ ;@ ;@; iN; o; ; @{;o; ; iN;i;@ ;@ ;1T;@; iM; o; ; @T;o; ; iM;i;@ ;@ ;1T;@; i>; o; ; @);o; ; i>;i;@ ;@ ;1T;@; i:;o; ;o;; i:;i;o;; i:;i';@;@; @ ;BT;I"¦// Foundation by ZURB // foundation.zurb.com // Licensed under MIT Open Source @import "global"; // // @variables // $include-html-media-classes: $include-html-classes !default; // We use this to set the progress bar height $progress-bar-height: rem-calc(25) !default; $progress-bar-color: $vapor !default; // We use these to control the border styles $progress-bar-border-color: scale-color($white, $lightness: 20%) !default; $progress-bar-border-size: 1px !default; $progress-bar-border-style: solid !default; $progress-bar-border-radius: $global-radius !default; // We use these to control the margin & padding $progress-bar-pad: rem-calc(2) !default; $progress-bar-margin-bottom: rem-calc(10) !default; // We use these to set the meter colors $progress-meter-color: $primary-color !default; $progress-meter-secondary-color: $secondary-color !default; $progress-meter-success-color: $success-color !default; $progress-meter-alert-color: $alert-color !default; // @mixins // // We use this to set up the progress bar container @mixin progress-container { background-color: $progress-bar-color; height: $progress-bar-height; border: $progress-bar-border-size $progress-bar-border-style $progress-bar-border-color; padding: $progress-bar-pad; margin-bottom: $progress-bar-margin-bottom; } // @mixins // // $bg - Default: $progress-meter-color || $primary-color @mixin progress-meter($bg:$progress-meter-color) { background: $bg; height: 100%; display: block; } @include exports("progress-bar") { @if $include-html-media-classes { /* Progress Bar */ .progress { @include progress-container; // Meter .meter { @include progress-meter; } &.secondary .meter { @include progress-meter($bg:$progress-meter-secondary-color); } &.success .meter { @include progress-meter($bg:$progress-meter-success-color); } &.alert .meter { @include progress-meter($bg:$progress-meter-alert-color); } &.radius { @include radius($progress-bar-border-radius); .meter { @include radius($progress-bar-border-radius - 1); } } &.round { @include radius(1000px); .meter { @include radius(999px); } } } } } ; T; i;o; ;o;; i;i;o;; i;i;@;@;BT; @