Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.1.0-beta)
// ----

@mixin breakpoint($breakpoint-1, $breakpoint-2: null, $mobile-first: false) {
	@if $breakpoint-2 != null {
		@media only screen and (min-width: $breakpoint-1) and (max-width: $breakpoint-2) {
			@content;
		}
	} @else {
		@if $mobile-first == true {
			@media only screen and (min-width: $breakpoint-1) {
				@content;
			}
		} @else {
			$breakpoint-2: $breakpoint-1;
			@media only screen and (max-width: $breakpoint-2) {
				@content;
			}
		}
	}
}

%slide-rotateFoldTop {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateFoldTop .7s both ease;
	animation: rotateFoldTop .7s both ease;
}

.test {
  color: #fff;
  @include breakpoint(640px) {
		@extend %slide-rotateFoldTop;
	}
}

SassMeister-output.css

.test {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateFoldTop .7s both ease;
  animation: rotateFoldTop .7s both ease; }

.test {
  color: #fff; }