| /* 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; |
| } |