Semantic-mixin use case compiled

gistfile1

#site_overview {
  background-color: #e5edf3;
  padding: 2.8em 0;
  position: relative;
}

#site_overview:after {
  background: url('../images/sprites-s2d93560836.png') no-repeat;
  content: "";
  display: block;
  position: absolute;
  background-position: 0 -193px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  width: 22px;
  height: 22px;
  left: 50%;
  margin-left: -11px;
  bottom: -11px;
}

@media only screen and (max-width: 768px) {
  #site_overview .post_overview {
    width: 50%;
  }
}