Height
Height Values
It is Very Easy to Customize and it uses in website apllication.
.hpx-50
.hpx-80
.hpx-100
.hpx-150
| Classes | .hpx-[value] |
| Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| Classes | .hpx-[value] |
| Values | 15 | 20 | 25 | 30 | ... | 100 (step of 5) Regular Height |
| Classes | .hpx-[value] |
| Values | 150 | 200 | 250 | 300 | ... | 850 (step of 50) Bigger Height |
Percentage Height
It is Very Easy to Customize and it uses in website apllication.
| Classes | .hp-[value] |
| Values | 10 | 20 | 30 | 40 | ... | 100 (step of 10) |
Media query Height
It is Very Easy to Customize and it uses in website apllication.
| Classes | .ht-[size]-[value] | .ht-[size]-[value]p |
| Values | size:xs | sm | md | lg | xl value:the height value(refer to code above) | size:xs | sm | md | lg | xl value:the height value(refer to code above) |
Extra Height Classes
It is Very Easy to Customize and it uses in website apllication.
| Classes | .ht-100v | .ht-auto |
| Values | Set a height to an element based on viewport height. | Set an auto height to an element. |
