nested-media.scss

$fiver: 500px;
.sidebar {
	width: 300px;
	@media screen and (max-width: 1024px) {
		width: $fiver;
    .subclass {
      height: 100px;
      .subsubclass {
        height: 200px;
      }
    }
	}
}

@media screen and (max-width: 1024px) {
  .subclass {
    height: 100px;
    .subsubclass {
      height: 200px;
    }
  }
}