Sha256: ab289c0ccf268674c413073d0186aed4bfa403325d3e30d38ea177dfe304fa1c

Contents?: true

Size: 1.4 KB

Versions: 16

Compression:

Stored size: 1.4 KB

Contents

// Calculate width
// -------------------------------------------------------------------------------
// @dependence `get-value()`
// @dependence `fluid-width()`
// -------------------------------------------------------------------------------
// @param $key [Breakpoint | "container"] : how to calculate value 
// @param $span [Value] : span
// @param $context [Value] : if context is needed
// -------------------------------------------------------------------------------
// @return [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 if $context == NULL {
			@return get-value($key, breakpoint) / get-value($key, columns) * $span;
		} @else {
			@return get-value($key, breakpoint) / get-value($key, columns) * $span;
		}
	} @else {
		@return false;
	}
}

Version data entries

16 entries across 16 versions & 1 rubygems

Version Path
flint-gs-1.0.9 stylesheets/flint/functions/lib/_calc-width.scss
flint-gs-1.0.8 stylesheets/flint/functions/lib/_calc-width.scss
flint-gs-1.0.7 stylesheets/flint/functions/lib/_calc-width.scss
flint-gs-1.0.6 stylesheets/flint/functions/lib/_calc-width.scss
flint-gs-1.0.5 stylesheets/flint/functions/lib/_calc-width.scss
flint-gs-1.0.4 stylesheets/flint/functions/lib/_calc-width.scss
flint-gs-1.0.3 stylesheets/flint/functions/lib/_calc-width.scss
flint-gs-1.0.2 stylesheets/flint/functions/lib/_calc-width.scss
flint-gs-1.0.1 stylesheets/flint/functions/lib/_calc-width.scss
flint-gs-1.0.0 stylesheets/flint/functions/lib/_calc-width.scss
flint-gs-0.1.7 stylesheets/flint/functions/lib/_calc-width.scss
flint-gs-0.1.6 stylesheets/flint/functions/lib/_calc-width.scss
flint-gs-0.1.5 sass/flint/functions/lib/_calc-width.scss
flint-gs-0.1.4 sass/flint/functions/lib/_calc-width.scss
flint-gs-0.1.3 sass/flint/functions/lib/_calc-width.scss
flint-gs-0.1.2 sass/flint/functions/lib/_calc-width.scss