Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----

$green: 		#00C11E;

$screen-sm: 	20em;
$screen-md: 	35em;
$screen-lg: 	53em;

.main {
	background-color: $green;
	@media (min-width: $screen-sm) {
		width: 60%;
	}
	@media (min-width: $screen-md) {
		width: 80%;
		background-image: url(img/nice-img.png);
	}
}

.sidebar {
	@media (min-width: $screen-sm) {
		width: 40%;
	}	
	@media (min-width: $screen-sm) {
		width: 20%;
	}
}

SassMeister-output.css

.main {
  background-color: #00c11e;
}
@media (min-width: 20em) {
  .main {
    width: 60%;
  }
}
@media (min-width: 35em) {
  .main {
    width: 80%;
    background-image: url(img/nice-img.png);
  }
}

@media (min-width: 20em) {
  .sidebar {
    width: 40%;
  }
}
@media (min-width: 20em) {
  .sidebar {
    width: 20%;
  }
}