S3ak/OOCSS size helpers

## OOCSS size helpers
// Sizes are determined by the golden ratio formula

$ms-base: 8px;
$ms-ratio: $golden;

$ms-xs: $ms-base;
$ms-sm: floor((ms(2)));
$ms-md: floor((ms(3)));
$ms-lg: floor((ms(4)));
$ms-xl: floor((ms(6)));
$ms-xxl: floor((ms(10)));

@mixin size-tb($property, $top, $bottom: $top) {
  #{$property}-top: $top;
  #{$property}-bottom: $bottom;
}

@mixin size-lr($property, $left, $right: $left) {
  #{$property}-left: $left;
  #{$property}-right: $right;
}


$size-list: (
	'0'   : 0,
	'xs'  : $ms-xs,
	'sm'  : $ms-sm,
	'md'  : $ms-md,
	'lg'  : $ms-lg,
	'xl'  : $ms-xl,
	'xxl' : $ms-xxl
);

$directions: (
	'l': 'left',
	't': 'top',
	'r': 'right',
	'b': 'bottom',
);

$property: (
	'm': 'margin',
	'p': 'padding',
);

@each $property-alias, $property-full in $property {
	@each $size-alias, $size-value in $size-list {
		.#{$property-alias}4-#{$size-alias} {
			@include size-tb($property-full, $size-value);
			@include size-lr($property-full, $size-value);
		}
	}
}

@each $property-short, $property-full in $property {
	@each $direction-short, $direction-full in $directions {
		@each $size-name, $size-value in $size-list {
			.#{$property-short}#{$direction-short}-#{$size-name} {#{$property-full}-#{$direction-full}: $size-value}
		}
	}
}
	// Sizes are determined by the golden ratio formula

	$ms-base: 8px;
	$ms-ratio: $golden;

	$ms-xs: $ms-base;
	$ms-sm: floor((ms(2)));
	$ms-md: floor((ms(3)));
	$ms-lg: floor((ms(4)));
	$ms-xl: floor((ms(6)));
	$ms-xxl: floor((ms(10)));

	@mixin size-tb($property, $top, $bottom: $top) {
	#{$property}-top: $top;
	#{$property}-bottom: $bottom;
	}

	@mixin size-lr($property, $left, $right: $left) {
	#{$property}-left: $left;
	#{$property}-right: $right;
	}


	$size-list: (
	'0' : 0,
	'xs' : $ms-xs,
	'sm' : $ms-sm,
	'md' : $ms-md,
	'lg' : $ms-lg,
	'xl' : $ms-xl,
	'xxl' : $ms-xxl
	);

	$directions: (
	'l': 'left',
	't': 'top',
	'r': 'right',
	'b': 'bottom',
	);

	$property: (
	'm': 'margin',
	'p': 'padding',
	);

	@each $property-alias, $property-full in $property {
	@each $size-alias, $size-value in $size-list {
	.#{$property-alias}4-#{$size-alias} {
	@include size-tb($property-full, $size-value);
	@include size-lr($property-full, $size-value);
	}
	}
	}

	@each $property-short, $property-full in $property {
	@each $direction-short, $direction-full in $directions {
	@each $size-name, $size-value in $size-list {
	.#{$property-short}#{$direction-short}-#{$size-name} {#{$property-full}-#{$direction-full}: $size-value}
	}
	}
	}