| CLASS | DESCRIPTION |
|---|---|
.nix-text-align_left | Aligns the text to the left |
.nix-text-align_right | Aligns the text to the right |
.nix-text-align_center | Centers the text |
.nix-text-align_justify | Stretches the lines so that each line has equal width |
<div class="nix-text-align_left"></div>xxxxxxxxxx<div class="nix-text-align_left"></div>| CLASS | DESCRIPTION |
|---|---|
.nix-text-transform_none | No capitalization. The text renders as it is. This is default |
.nix-text-transform_lowercase | Transforms all characters to lowercase |
.nix-text-transform_uppercase | Transforms all characters to uppercase |
.nix-text-transform_capitalize | Transforms the first character of each word to uppercase |
<div class="nix-text-transform_uppercase"></div>xxxxxxxxxx<div class="nix-text-transform_uppercase"></div>| CLASS | DESCRIPTION |
|---|---|
.nix-font-weight_normal | Defines normal characters. This is default |
.nix-font-weight_bold | Defines thick characters |
.nix-font-weight_bolder | Defines thicker characters |
.nix-font-weight_lighter | Defines lighter characters |
<div class="nix-font-weight_lighter"></div>xxxxxxxxxx<div class="nix-font-weight_lighter"></div>| CLASS | DESCRIPTION |
|---|---|
.nix-font-style_normal | The browser displays a normal font style. This is default |
.nix-font-style_italic | The browser displays an italic font style |
.nix-font-style_oblique | The browser displays an oblique font style |
<div class="nix-font-weight_lighter"></div>xxxxxxxxxx<div class="nix-font-weight_lighter"></div>| CLASS | DESCRIPTION |
|---|---|
.nix-white-space_normal | Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary |
.nix-white-space_nowrap | Sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line. The text continues on the same line until a <br> tag is encountered |
.nix-white-space_pre | Whitespace is preserved by the browser. Text will only wrap on line breaks. Acts like the <pre> tag in HTML |
<div class="nix-white-space_nowrap"></div>xxxxxxxxxx<div class="nix-white-space_nowrap"></div>| CLASS | DESCRIPTION |
|---|---|
.nix-text-overflow_clip | Default value. The text is clipped and not accessible |
.nix-text-overflow_ellipsis | Render an ellipsis ("...") to represent the clipped text |
.nix-text-overflow_initial | Sets this property to its default value |
.nix-text-overflow_inherit | Inherits this property from its parent element |
<div class="nix-white-space_nowrap nix-overflow_hidden nix-text-overflow_ellipsis"></div>xxxxxxxxxx<div class="nix-white-space_nowrap nix-overflow_hidden nix-text-overflow_ellipsis"></div>| CLASS | DESCRIPTION |
|---|---|
.nix-text-align_center--xs | --xs suffix only affects device widths of 768px and lower. |
.nix-text-transform_uppercase--sm | --sm suffix only affects device widths of 1024px and lower. |
.nix-font-style_italic--md | --md suffix only affects device widths of 1200px and lower. |
Contribute on Github! Edit this section.