Justify Contents

Basic

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/justify-contents.scss#L11

<!-- justify content center -->
<div class="u-justify-content-center">Justify Content Center</div>

<!-- justify content start -->
<div class="u-justify-content-start">Justify Content Start</div>

<!-- justify content end -->
<div class="u-justify-content-end">Justify Content End</div>

<!-- justify content stretch -->
<div class="u-justify-content-stretch">Justify Content Stretch</div>

Flexbox

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/justify-contents.scss#L44

<!-- justify content flex start -->
<div class="u-justify-content-flex-start">Justify Content Flex-Start</div>

<!-- justify content flex end -->
<div class="u-justify-content-flex-end">Justify Content Flex-End</div>

Distributed

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/justify-contents.scss#L63

<!-- justify content space between -->
<div class="u-justify-content-space-between">Justify Content Space-Between</div>

<!-- justify content space around -->
<div class="u-justify-content-space-around">Justify Content Space-Around</div>

<!-- justify content space evenly -->
<div class="u-justify-content-space-evenly">Justify Content Space-Evenly</div>

Baseline

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/justify-contents.scss#L89

<!-- justify content baseline -->
<div class="u-justify-content-baseline">Justify Content Baseline</div>

Globals

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/justify-contents.scss#L101

<!-- justify content inherit -->
<div class="u-justify-content-inherit">Justify Content Inherit</div>

<!-- justify content initial -->
<div class="u-justify-content-initial">Justify Content Initial</div>

<!-- justify content unset -->
<div class="u-justify-content-unset">Justify Content Unset</div>