Height utilities
Use the following classes to modify the height and min-height property of any element.
.h-0 {
height: 0px;
}
.m-h-0 {
min-height: 0px;
}
.h-10 {
height: 10px;
}
.m-h-10 {
min-height: 10px;
}
.h-20 {
height: 20px;
}
.m-h-20 {
min-height: 20px;
}
.h-30 {
height: 30px;
}
.m-h-30 {
min-height: 30px;
}
.h-40 {
height: 40px;
}
.m-h-40 {
min-height: 40px;
}
.h-50 {
height: 50px;
}
.m-h-50 {
min-height: 50px;
}
.h-100 {
height: 100px;
}
.m-h-100 {
min-height: 100px;
}
.h-150 {
height: 150px;
}
.m-h-150 {
min-height: 150px;
}
.h-200 {
height: 200px;
}
.m-h-200 {
min-height: 200px;
}
.h-100p {
height: 100%;
}
.m-h-100p {
min-height: 100%;
}
h-10
h-20
h-50
h-100
h-200