A Pen by Joe Ellis.

index.html

<div class="home">
	...
</div>
<div class="work">
	...
</div>
<div class="about">
	...
</div>

style.scss

%section-background {
  width: 100%;
  height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
  
.home {
  @extend %section-background;
  background: url(home.jpg) center center no-repeat;
}
  
.work {
  @extend %section-background;
  background: url(work.jpg) center center no-repeat;
}
  
.about {
  @extend %section-background;
  background: url(about.jpg) center center no-repeat;
}

Yeah, this is another great example. I may pull out the background position and no-repeat into the section-background as well though. Nice work.