Vertical center align LESS

here the style

LESS

.mtable{
    width:100%;
    display: table;
    .mcell{
        display: table-cell;
        vertical-align: middle;
    }
}

/*optional*/

.matable{

height:500px;

background:red

}

HTML

<div class="mtable">

<div class="mcell">center content</div>

</div>