<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; display: flex; .left,.center{ width: 100px; } .left{ background-color: red; } .center{ background-color: green; } .right{ flex: 1; background-color: blue; } }