SCSS(Sass): 上下中央揃え

html:

<div class="container">
    <div class="item">まんなかに浮かぶアレ</div>
</div>

scss:

.container    {
    display: table;
    width: 100%;
    height: 200px;
    
	.item {
	    display: table-cell;
	    vertical-align: middle;
	}
}