S3ak · August 29, 2015 14:15 · S3ak · Feb 10, 2015
diff --git a/OOCSS size helpers b/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}
	}
	}
	}