3.2.4 (Media Mark) ff433bac6914e967a967f893384e33b14292c7bd o:Sass::Tree::RootNode :@children[ o:Sass::Tree::FunctionNode : @nameI"modular-scale:ET: @args[[o:Sass::Script::Variable;I" value; T:@underscored_nameI" value; T: @options{0[o; ;I"increment; T; I"increment; T; @0[o; ;I" ratio; T; I" ratio; T; @0: @splat0;[u:Sass::Tree::IfNode†[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"increment:ET:@underscored_nameI"increment; T: @linei: @options{:@operand2o:Sass::Script::Number : @valuei:@numerator_units[:@denominator_units[; i:@originalI"0; F; @ :@operator:gt; i; @ 0[o:Sass::Tree::ForNode : @varI"i; T: @fromo; ;i;[;@ ; i;I"1; F; @ :@too; ;I"increment; T; I"increment; T; i; @ :@exclusiveF:@children[o:Sass::Tree::VariableNode ;I" value; T: @expro; ;o; ;I" value; T; I" value; T; i ; @ ; o; ;I" ratio; T; I" ratio; T; i ; @ ;: times; i ; @ : @guarded0;[; i ; @ ; i:@has_childrenT; @ u;'[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"increment:ET:@underscored_nameI"increment; T: @linei : @options{:@operand2o:Sass::Script::Number : @valuei:@numerator_units[:@denominator_units[; i :@originalI"0; F; @ :@operator:lt; i ; @ 0[o:Sass::Tree::VariableNode ;I"increment; T: @expro:Sass::Script::Funcall ;I"abs; T: @args[o; ;I"increment; T; I"increment; T; i; @ :@keywords{: @splat0; i; @ : @guarded0:@children[; i; @ o:Sass::Tree::ForNode : @varI"i; T: @fromo; ;i;[;@ ; i;I"1; F; @ :@too; ;I"increment; T; I"increment; T; i; @ :@exclusiveF;[o; ;I" value; T;o; ;o; ;I" value; T; I" value; T; i; @ ; o; ;I" ratio; T; I" ratio; T; i; @ ;:div; i; @ ;0;[; i; @ ; i:@has_childrenT; @ o:Sass::Tree::ReturnNode : @expro; ;I" value; T; I" value; T: @linei; @;[;i; @;i:@has_childrenT; @o:Sass::Tree::CommentNode : @value[I"/* div { * Increment Up GR with positive value * font-size: modular-scale(14px, 1, 1.618); // returns: 22.652px * * Increment Down GR with negative value * font-size: modular-scale(14px, -1, 1.618); // returns: 8.653px * * Can be used with ceil(round up) or floor(round down) * font-size: floor( modular-scale(14px, 1, 1.618) ); // returns: 22px * font-size: ceil( modular-scale(14px, 1, 1.618) ); // returns: 23px * } * * modularscale.com */; T: @type: silent;[;i; @o; ;I"golden-ratio; T; [[o; ;I" value; T; I" value; T; @0[o; ;I"increment; T; I"increment; T; @0;0;[o; ;o:Sass::Script::Funcall ;I"modular-scale; T; [o; ;I" value; T; I" value; T;i&; @o; ;I"increment; T; I"increment; T;i&; @o:Sass::Script::Number ;f 1.618:@numerator_units[:@denominator_units[;i&:@originalI" 1.618; F; @:@keywords{;0;i&; @;[;i'; @;i%;T; @o; ;[I"t/* div { * font-size: golden-ratio(14px, 1); // returns: 22.652px * } * * goldenratiocalculator.com */; T;;;[;i); @:@templateI"/@function modular-scale($value, $increment, $ratio) { @if $increment > 0 { @for $i from 1 through $increment { $value: ($value * $ratio); } } @if $increment < 0 { $increment: abs($increment); @for $i from 1 through $increment { $value: ($value / $ratio); } } @return $value; } // div { // Increment Up GR with positive value // font-size: modular-scale(14px, 1, 1.618); // returns: 22.652px // // Increment Down GR with negative value // font-size: modular-scale(14px, -1, 1.618); // returns: 8.653px // // Can be used with ceil(round up) or floor(round down) // font-size: floor( modular-scale(14px, 1, 1.618) ); // returns: 22px // font-size: ceil( modular-scale(14px, 1, 1.618) ); // returns: 23px // } // // modularscale.com @function golden-ratio($value, $increment) { @return modular-scale($value, $increment, 1.618) } // div { // font-size: golden-ratio(14px, 1); // returns: 22.652px // } // // goldenratiocalculator.com ; T;i;T; @