Select theme

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