Cacher is the code snippet organizer for pro developers

	$push-top:2rem;
	.push-top{
		margin-top: $push-top;
		&.x2{ margin-top: $push-top*2;}
		&.x3{ margin-top: $push-top*3;}
		&.x4{ margin-top: $push-top*4;}
		&.x5{ margin-top: $push-top*5;}
		&.x6{ margin-top: $push-top*6;}
		&.x7{ margin-top: $push-top*7;}
		&.x8{ margin-top: $push-top*8;}
		&.x9{ margin-top: $push-top*9;}
		&.negative{
			margin-top: (-$push-top);
			&.x2{ margin-top: -($push-top*2);}
			&.x3{ margin-top: -($push-top*3);}
			&.x4{ margin-top: -($push-top*4);}
			&.x5{ margin-top: -($push-top*5);}
			&.x6{ margin-top: -($push-top*6);}
			&.x7{ margin-top: -($push-top*7);}
			&.x8{ margin-top: -($push-top*8);}
			&.x9{ margin-top: -($push-top*9);}
		}
		@include breakpoint(small only) {
			margin-top: 0.5rem !important;
		}
	}