ITL utility_classes

Source: _layout.scss, line 223

4.5.1 Centering

@mixin flex-center

.m-auto: absolute centering (block in block)@child
.m0-auto: horizontal center (block in block)@child
.center: horizontal center (inline in block)@parent
.flex-center: centers everything @parent
.items-center: horizontal centering baseline@parent

Example

<div class="flex-center wp100 h200 bg-red">
 <div class="bg-white w16 h16"></div>
</div>
<div class="relative inline-block w200 h200 bg-blue">
 <div class="absolute absolute--fill m-auto bg-red w16 h16"></div>
</div>
<div class="relative inline-block w200 h200 bg-blue">
 <div class="m0-auto bg-red w16 hp100"></div>
</div>