Typography
Font Size
It is Very Easy to Customize and it uses in website apllication.
Classes | .tx-[size] |
Values | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 18 | 20 | 22 | 24 | ... | 140 |
Classes | .tx-[viewport]-[size] |
Viewports | xs | sm | md | lg | xl |
Sizes | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 18 | 20 | 22 | 24 | ... | 140 (step of 2) |
Font Weight
It is Very Easy to Customize and it uses in website apllication.
Classes | .tx-[weight] |
Weight | bold | semibold | medium | normal | light | thin | xthin |
Font Color
It is Very Easy to Customize and it uses in website apllication.
Classes | .tx-[color] |
Colors | primary | success | warning | danger | info | indigo | purple | orange | teal | pink | black | white | inverse |
Classes | .tx-gray-[num] |
Colors | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
Classes | .tx-white-[transparency] |
Colors | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
Font Spacing
It is Very Easy to Customize and it uses in website apllication.
Classes | .tx-spacing-[value] |
Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
Classes | .tx-spacing--[value] |
Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 ( negative spacing result ) |
Line Height
It is Very Easy to Customize and it uses in website apllication.
Classes | .lh-[value] |
Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
Classes | .lh-[viewport]-[value] |
View Port | xs | sm | md | lg | xl |
Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |