/* In the current spec for heights, min-content, max-content and fit-content are
* equivalent.
* fill-available is different and similar to widths.
*/
.min-content {
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
}
.max-content {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.fill-available {
height: -webkit-fill-available;
/* Firefox is missing the fill- prefix because they followed an older spec */
height: -moz-available;
height: fill-available;
}
.fit-content {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.max-height-min-content {
max-height: -webkit-min-content;
max-height: -moz-min-content;
max-height: min-content;
}
.max-height-max-content {
max-height: -webkit-max-content;
max-height: -moz-max-content;
max-height: max-content;
}
.max-height-fill-available {
max-height: -webkit-fill-available;
max-height: -moz-available;
max-height: fill-available;
}
.max-height-fit-content {
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content;
}
.min-height-min-content {
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content;
}
.min-height-max-content {
min-height: -webkit-max-content;
min-height: -moz-max-content;
min-height: max-content;
}
.min-height-fill-available {
min-height: -webkit-fill-available;
min-height: -moz-available;
min-height: fill-available;
}
.min-height-fit-content {
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content;
}