Edit in JSFiddle


              
<div class="parent">
  <div class="left">left</div>
  <div class="center">center</div>
  <div class="right">right</div>
</div>
@mixin common{
  line-height: 100px;
  height: 100px;
  text-align: center;
  color: white;
}
.parent{
  @include common;
  .left,.center{
    float: left;
    width: 100px;
  }
  .left{
    background-color: red;
  }
  .center{
    background-color: green;
  }
  .right{
    background-color: blue;
    margin-left: -200px;
  }
}