Class-height

Utilities for setting the height of an element.

Use the v-h-* utilities to control the h of an element. You can use
the feat: custom feature if you want the h height to suit your needs.

Table list heights

Class name	Properties
v-h-auto	height: auto;
v-h-5	height: 5%;
v-h-10	height: 10%;
v-h-15	height: 15%;
v-h-20	height: 20%;
v-h-25	height: 25%;
v-h-30	height: 30%;
v-h-33	height: 33%;
v-h-35	height: 35%;
v-h-40	height: 40%;
v-h-45	height: 45%;
v-h-50	height: 50%;
v-h-55	height: 55%;
v-h-60	height: 60%;
v-h-65	height: 65%;
v-h-70	height: 70%;
v-h-75	height: 75%;
v-h-80	height: 80%;
v-h-85	height: 85%;
v-h-90	height: 90%;
v-h-95	height: 95%;
v-h-full	height: 100%;
v-h-screen	height: 100vh;
v-h-min	height: min-content;
v-h-max	height: max-content;
v-h-half	height: 50%;
v-h-5px	height: 5px;
v-h-10px	height: 10px;
v-h-15px	height: 15px;
v-h-20px	height: 20px;
v-h-25px	height: 25px;
v-h-30px	height: 30px;
v-h-35px	height: 35px;
v-h-40px	height: 40px;
v-h-45px	height: 45px;
v-h-50px	height: 50px;
v-h-55px	height: 55px;
v-h-60px	height: 60px;
v-h-65px	height: 65px;
v-h-70px	height: 70px;
v-h-75px	height: 75px;
v-h-80px	height: 80px;
v-h-85px	height: 85px;
v-h-90px	height: 90px;
v-h-95px	height: 95px;
v-h-100px	height: 100px;
v-h-200px	height: 200px;
v-h-300px	height: 300px;
v-h-400px	height: 400px;
v-h-500px	height: 500px;
v-h-600px	height: 600px;
v-h-700px	height: 700px;
v-h-800px	height: 800px;

The table above presents several types of heights with different variants.

Example Code

h.html

<div class="v-h-full">
</div>