/* ==========================================================================
  Functions used in grid calculation
  ========================================================================== */

/**
  * Return percentage based on amount of columns
  * Use parent column size to adjust the origin
  */
@function calculateColumnSize($columnCount : 1, $origin : $site-columns) {
	// Calculate the width for a single column on a full grid
	$singleColumnSize: 100 / $site-columns;

	// Get the origin size in percentage from the full grid
	$originPercentage: $origin / $site-columns * 100;

	// Calculate single column from new origin
	$newSingleColumnSize: $singleColumnSize / $originPercentage * 100;

	// Return amount of columns as percentage
	@return ($newSingleColumnSize * $columnCount);
}

/**
  * Default function for columns
  * Return as percentage
  */
@function column($columnCount : 1, $origin : ($site-columns - 2)) {
	@return calculateColumnSize($columnCount, $origin) * 1%;
}

/**
  * Return as viewport width
  */
@function columnVw($columnCount : 1, $origin : ($site-columns - 2)) {
	@return calculateColumnSize($columnCount, $origin) * 1vw;
}