Helpers

Position

You can use the class .float-right or .float-left to indicate the position of an items.

Text Position :

.text-center

Text Center

.text-right

Text Right

.text-left

Text Left


<p class="text-right">hello world</p>    
<p class="text-center">hello world</p>
<p class="text-left">hello world</p>

You can also change the default position of any element you want, example :

This button is on the left by default

This button contain the class .float-right

Text Info

I am a text with the class .text-info.

I am a text with the class .text-success.

I am a text with the class .text-warning.

I am a text with the class .text-error.

Text Option

I am a text with the class .text-overline.

I am a text with the class .text-linethrough.

I am a text with the class .text-underline.

Lists

Stylizer has three types of lists: The unordered list use ul element will be marked with a outline circles, the ordered list use ol element and your items will be marked with numbers, the description list use dl element and your items will not be marking, only spacings.

Unordered List :

Algeria
Morocco
Tunisia

Ordered List :

Stylizer
Hexa

Description List :

Install Stylizer

Create what you want

Typography

Typography in Stylizer are also responsive

Heading

Paragraph

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Small