stylesheets/flint/functions/lib/_calc-width.scss in flint-gs-1.6.0 vs stylesheets/flint/functions/lib/_calc-width.scss in flint-gs-1.6.1

- old
+ new

@@ -1,44 +1,44 @@ -// Calculate width -// ------------------------------------------------------------------------------- -// @dependence `get-value()` -// @dependence `fluid-width()` -// ------------------------------------------------------------------------------- -// @param $key [string] : key for lookup -// @param $span [number] : span value of element -// @param $context [number] : context value of element -// ------------------------------------------------------------------------------- -// @return calculated value | false - -@function calc-width($key, $span, $context: null) { - @if get-value("settings", "grid") == "fluid" { - - @if $key == "container" or $span == "container" { - - @return fluid-width(get-value($key, "breakpoint"), get-value($key, "breakpoint")); - - } @else if $context == null { - - @return fluid-width((get-value($key, "breakpoint") / get-value($key, "columns") * $span), get-value($key, "breakpoint")); - - } @else { - - @return fluid-width((get-value($key, "breakpoint") / get-value($key, "columns") * $span), ((get-value($key, "breakpoint") / get-value($key, "columns") * $context))); - - } - - } @if get-value("settings", "grid") == "fixed" { - - @if $key == "container" or $span == "container" { - - @return get-value($key, "breakpoint"); - - } @else { - - @return get-value($key, "breakpoint") / get-value($key, "columns") * $span; - - } - - } @else { - @return false; - } -} +// Calculate width +// ------------------------------------------------------------------------------- +// @dependence `get-value()` +// @dependence `fluid-width()` +// ------------------------------------------------------------------------------- +// @param $key [string] : key for lookup +// @param $span [number] : span value of element +// @param $context [number] : context value of element +// ------------------------------------------------------------------------------- +// @return calculated value | false + +@function calc-width($key, $span, $context: null) { + @if get-value("settings", "grid") == "fluid" { + + @if $key == "container" or $span == "container" { + + @return fluid-width(get-value($key, "breakpoint"), get-value($key, "breakpoint")); + + } @else if $context == null { + + @return fluid-width((get-value($key, "breakpoint") / get-value($key, "columns") * $span), get-value($key, "breakpoint")); + + } @else { + + @return fluid-width((get-value($key, "breakpoint") / get-value($key, "columns") * $span), ((get-value($key, "breakpoint") / get-value($key, "columns") * $context))); + + } + + } @if get-value("settings", "grid") == "fixed" { + + @if $key == "container" or $span == "container" { + + @return get-value($key, "breakpoint"); + + } @else { + + @return get-value($key, "breakpoint") / get-value($key, "columns") * $span; + + } + + } @else { + @return false; + } +}