// PADDING / MARGIN IN 5PX INCREMENTS UP TO 100
.generate-padding-margin(@n, @i:0) when (@i =< 100){
	.margin-@{i}{
		margin:(@i * 1px);
	}
	.margin-top-@{i}{
		margin-top:(@i * 1px);
	}
	.margin-right-@{i}{
		margin-right:(@i * 1px);
	}
	.margin-bottom-@{i}{
		margin-bottom:(@i * 1px);
	}
	.margin-left-@{i}{
		margin-left:(@i * 1px);
	}
	.padding-@{i}{
		padding:(@i * 1px);
	}
	.padding-top-@{i}{
		padding-top:(@i * 1px);
	}
	.padding-right-@{i}{
		padding-right:(@i * 1px);
	}
	.padding-bottom-@{i}{
		padding-bottom:(@i * 1px);
	}
	.padding-left-@{i}{
		padding-left:(@i * 1px);
	}
	.generate-padding-margin(@n, (@i + 5));
}
.generate-padding-margin(5);

//RESPONSIVE PADDING / MARGIN IN 5PX INCREMENTS UP TO 100
.generate-responsive-padding-margin(@n, @i:0,@break) when (@i =< 100){
	.margin@{break}-@{i}{
		margin:(@i * 1px);
	}
	.margin@{break}-top-@{i}{
		margin-top:(@i * 1px);
	}
	.margin@{break}-right-@{i}{
		margin-right:(@i * 1px);
	}
	.margin@{break}-bottom-@{i}{
		margin-bottom:(@i * 1px);
	}
	.margin@{break}-left-@{i}{
		margin-left:(@i * 1px);
	}
	.padding@{break}-@{i}{
		padding:(@i * 1px);
	}
	.padding@{break}-top-@{i}{
		padding-top:(@i * 1px);
	}
	.padding@{break}-right-@{i}{
		padding-right:(@i * 1px);
	}
	.padding@{break}-bottom-@{i}{
		padding-bottom:(@i * 1px);
	}
	.padding@{break}-left-@{i}{
		padding-left:(@i * 1px);
	}
	.generate-responsive-padding-margin(@n, (@i + 5),@break);
}
@media only screen and (min-width:@grid-xs){
	.generate-responsive-padding-margin(5,0,-xs);
}
@media only screen and (min-width:@grid-sm){
	.generate-responsive-padding-margin(5,0,-sm);
}
@media only screen and (min-width:@grid-md){
	.generate-responsive-padding-margin(5,0,-md);
}
@media only screen and (min-width:@grid-lg){
	.generate-responsive-padding-margin(5,0,-lg);
}
@media only screen and (min-width:@grid-xl){
	.generate-responsive-padding-margin(5,0,-xl);
}