Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

$inner-wrapper-push: 80%;
$source-push: -80%;

.cl-page-outer-wrapper{
	position: relative;
	overflow: hidden;
	width: 100%;
}

.cl-page-inner-wrapper{
	position: relative;
	width: 100%;
	&.push-right{
		left: $inner-wrapper-push;
	}
	&.push-left{ 
		right:$inner-wrapper-push;
	}
}

.cl-source {
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 80%;
	&.left {
		left: $source-push;
	}
	&.right {
		right: $source-push;
	}
	&.visible{
		visibility: visible;
	}
}

SassMeister-output.css

.cl-page-outer-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.cl-page-inner-wrapper {
  position: relative;
  width: 100%;
}
.cl-page-inner-wrapper.push-right {
  left: 80%;
}
.cl-page-inner-wrapper.push-left {
  right: 80%;
}

.cl-source {
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 80%;
}
.cl-source.left {
  left: -80%;
}
.cl-source.right {
  right: -80%;
}
.cl-source.visible {
  visibility: visible;
}