Text alignment

Overview

Property	Class	Values	Responsive
text-align	text-{value}	$text-align-values	true

Alignment

Text align left

Text align center

Text align right

<p class="text-left">Text align left</p>
<p class="text-center">Text align center</p>
<p class="text-right">Text align right</p>

SCSS

Variables

// Utilities values
$text-align-values: (
    'left': left,
    'center': center,
    'right': right,
) !default;

$utilities: (
    'text-align': (
        'responsive': true,
        'property': text-align,
        'class': text,
        'values': $text-align-values,
    ),
) !default;