scss functions

functions.scss

/*
* Makes list of transitions in one property
*
* Example:
* transition: transitions((0: color, 1: opacity )); // returns transition:color .3s ease-in 0,opacity .3s ease-in 0
*/
@function transitions($properties: (0: all), $durations: (0: .3s), $timing-functions: (0: ease-in), $delays: (0: 0s)) {
	$props: ((
		'def': .3s,
		'list': $durations
	), (
		'def': ease-in,
		'list': $timing-functions
	), (
		'def': 0s,
		'list': $delays
	));
	$result: "";
	@each $name, $value in $properties {
		$result: $result + " " + $value;
		@each $prop in $props {
			$val: null;
			@if map-has-key($prop, $name) {
				$list: map_get($prop, 'list');
				$val: map_get($list, $name);
			} @else {
				$val: map_get($prop, 'def');
			}
			$result: $result + " " + $val;
		}
		$result: $result + ",";
	}
	@return #{$result};
}